tab切换

vue组件开发之tab切换组件

{{item.tab}}{{item.tabContent}}exportdefault{name:'tabSlider',data(){return{actived:0,items:[{'tab':'tab1','tabContent':'content1'},{'tab':'tab2','tabContent':'content2'},{'tab':'tab3','tabContent':'c
codingNoob·2018-04-27 00:02

React Native 结合ScrollableTab、RefreshControl和FlatList实现新闻分类列表

5、下拉刷新，结合了Tab切换数据更新需要导入到RN的第三方库：react-native-scrollable-tab-view导入方法
八怪不姓丑·2018-04-16 19:30

解决vue中使用swiper插件问题及swiper在vue中的用法

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
李帅醒·2018-04-04 13:05

实现Tab切换（网页）

首先会用到一个.css文件，自己去引用即可，文章最后给出下载地址。样式：header{background-color:#f2f2f2;padding-top:20px//沉浸式的问题}headerulli{height:40px;line-height:40px;text-align:center;display:none;color:white;position:relative;font-s
处处掉坑·2018-04-03 21:23

Android TabLayout设置指示器宽度的方法

anroid5.0Designv7包中引用了TabLayout简单快速的写出属于自己的Tab切换效果如图所示：但是正常使用中你发现无法设置tablayout指示器的宽度。
夏天吃冰棍·2018-04-03 08:29

Vue解决echart在element的tab切换时显示不正确

最近在项目中遇到了这种情况，需要在tab控件上渲染多个echart图标，然后切换查看时，发现图表的宽度不正确原因：在页面进行加载时，隐藏的图表找不到对应的div大小，所以默认给了一个大小。所以要做的就是在页面加载时，就对图表进行初始化。网上的解决方案大多都是监听tab的切换事件，然后再根据切换的页面重新渲染echart组件，比较麻烦。如下是个人的解决方法：原理：利用v-if属性,当切换至对应的ta
淚雨·2018-03-30 22:46

隐藏swiper swiper隐藏再显示出现点击不了情况

制作项目中，需要swiper+tab切换，可是一把swiper隐藏效果就显示不出来了后来仔细看了一下官方文档教程，豁然开朗varmySwiper=newSwiper('.swiper-container
X陈文·2018-03-24 16:13

用CSS实现Tab页切换效果的示例代码

最近切一个页面的时候涉及到了一个tab切换的部分，因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。
CodeDeer·2018-03-19 15:20

vue实现tab切换外加样式切换方法

实例如下所示：Title*{margin:0;padding:0;list-style:none}#app{width:504px;height:300px;margin:100pxauto;border:1pxsolid#000;}ul{overflow:hidden;}li{width:100px;height:50px;float:left;text-align:center;line-he
J_Q_K_A·2018-03-16 09:36

超简单的几行代码搞定Android底部导航栏功能

超简单，几行代码搞定Android底部导航栏―�C应项目需求以及小伙伴的留言，新加了两个方法：设置底部导航栏背景图片添加底部导航栏选项卡切换监听事件底部导航栏的实现也不难，就是下边是几个Tab切换，上边一般是一个
AND_Devil·2018-03-06 10:16

仿微博Tab切换 TabIndicator

原文地址:http://blog.csdn.net/likuan0214/article/details/51498859先看一张效果图：当时第一次接到这种需求，首先想到的是重写LinearLayout，然后监听ViewPager和Tab的点击事件滚动布局，但是写出来以后，遇到一个问题，就是顶部Tab只能随着点击事件或者ViewPager来滚动。于是分析了一下TabLayout的源码，TabLay
chenhuakang·2018-03-01 17:34

微信小程序之底部栏

微信小程序之底部栏使用到的知识——全局配置app.json文件tabBar项tabBar如果小程序是一个多tab应用（客户端窗口的底部或顶部有tab栏可以切换页面），可以通过tabBar配置项指定tab栏的表现，以及tab
一只大喵喵·2018-02-28 09:55

vue刷新和tab切换实例

首先写个子组件用来放刷新的内容，命名为pull（可以看例子最后面放的。）然后再要刷新的页面引用价格//点击价格会排序{{item.goods_name}}￥{{item.goods_price}}/*选项卡的颜色*/.tab{background:#fff;}.taba.active{color:#D83737;border-bottom:2pxsolid#D83737;}.red1{color:
夏天想·2018-02-11 10:29

Vue封装Swiper实现图片轮播

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的
Ruheng·2018-02-06 15:22

jquery实现tab切换

阅读更多.STYLE1{color:#FF0000;font-weight:bold;}.blueBtn{background:#5B9BD5nonerepeatscroll00;color:#FFFFFF;font-size:10px;height:28px;width:70px;letter-spacing:1px;}.grayBtn{background:#7F7F7Fnonerepeats
永无止境2313·2018-01-26 19:00

jquery实现tab切换

阅读更多.STYLE1{color:#FF0000;font-weight:bold;}.blueBtn{background:#5B9BD5nonerepeatscroll00;color:#FFFFFF;font-size:10px;height:28px;width:70px;letter-spacing:1px;}.grayBtn{background:#7F7F7Fnonerepeats
永无止境2313·2018-01-26 19:00

2019开发最快的Webapp框架--BUI交互框架

一、案例代表这是你看下去的动力,我用BUI仿照QQ的手机截图做出来的一个demo,包含QQ的常见交互,侧滑边栏,TAB切换,
王小o·2018-01-25 00:00

编程常用快捷键

总结一下自己经常使用的快捷键(Win)-Ctrl-tab切换页面-Cmd-j合并一行-Ctrl-L选择当前行-Ctrl-d选中当前单词，继续敲可以选中多个-Ctrl-/行注释掉/取消行注释-Ctrl-shift
Dev-Liangjian·2017-12-26 12:46

vue源码

vuejs内置组件component实现tab切换懒加载和表单输入框内容的清空vuejs内置组件component的使用vue的双向绑定原理及实现vue的双向绑定原理及实现Vue.js2.0快速上手精华梳理自从
weixin_33696106·2017-12-14 19:30

javascript各种效果

1.实现tab切换效果这个功能是很久之前实现的，现在发上来，很长一段时间没更新博客了，真惭愧。这个JS代码还有很多修改的空间，先发上来，以后再发个更新的版本吧。
Alvin哥哥·2017-12-12 10:04

mui-点击tab切换页面

mui.init();首页电话邮件设置/*varsubpages=['sub1.html','sub2.html'];varsubstyles={top:"0",bottom:"45px"}mui.plusReady(function(){varcurrent=plus.webview.currentWebview();for(vari=0;i
daoqing99·2017-12-05 19:41

popToRootViewControllerAnimated导致tabbar隐藏的问题

在iOS6以上使用UINavigationController使用popToRootViewControllerAnimated并且需要将tab切换到某个index的时候，如果这么用[self.navigationControllerpopToRootViewControllerAnimated
MaZengyi·2017-12-05 07:49

PagerAdapter的setPrimaryItem无限调用

最近做项目遇到一个tab切换的选项的需求类似轮播图，用的是viewpager来做的，遇到的问题是每个item的高度不一样，所以在切换时需要每次去重新计算viewpager的高度，所以自定义了一个viewpager
hongSirX·2017-11-25 07:50

sublime快捷键

SublimeText3快捷键F11：切换普通全屏Shift+F11：切换无干扰全屏Ctrl+Shift+N：创建一个新窗口Ctrl+Tab切换标签页Ctrl+Shift+T：恢复刚刚关闭的标签Ctrl
djalejandro·2017-11-22 00:00

微信小程序实现tab切换效果

微信小程序之tab切换效果，如图：最近在学习微信小程序并把之前的公司app搬到小程序上，挑一些实现效果记录一下（主要是官方文档里没说的，毕竟官方文档只是介绍功能）.wxml代码：系统提醒优惠活动forsystemforactivity.wxss
辣姐什么鬼·2017-11-21 10:16

web前端入门学习笔记——html基础（传智播客）

基础１常用快捷键Ctrl+c复制Ctrl+v粘贴Ctrl+x剪切Ctrl+a全选Ctrl+s保存Ctrl+z撤销一步Windows+d返回桌面Windows+e我的电脑Windows+r打开运行Alt+tab
溜溜的阿溜·2017-11-04 20:04

vue仿淘宝订单状态的tab切换效果

前几天刚开始使用vue做项目，然后自己就在项目中摸索写了一个tab切换的小dome，仿淘宝订单状态的tab切换。
FXZ_小智·2017-11-01 11:10

ES6-面向对象实现tab切换

用面向对象的方式实现的简单tab切换功能代码可以复用，第二个实现了简单的自动切换加了个定时器ES6-tab.on{background:#f60;color:#fff;}.boxdiv{display:
「已注销」·2017-10-30 17:43

NestedScrollView中嵌套ViewPager或RecyclerView出现滑动冲突的解决

NestedScrollView嵌套ViewPager出现的滑动冲突问题描述:ViewPager无法左右滑动,切无内容显示.如果有相关Tab与ViewPager相绑定,会导致Tab切换卡顿.问题布局复原
Typist夫少·2017-10-21 14:24

angular4实现tab栏切换的方法示例

管理系统tab切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！
smiles·2017-10-21 09:00

js解决按需引入文件（IOS11引入fastclick有bug）

为什么会提出这个问题在用jquery-weui开发的时候，当时还没有IOS11，所以引入FastClick完全没出现过问题，一两个月后就有客户反馈说（此时是加入fastclick的），（而且已经进入后台开发了）点击tab
电鳗效应·2017-10-12 15:36

tab切换echarts无法正常显示

tab切换时候，第一个图正常显示，第二个及之后的图无法正常显示。
cjs68·2017-09-23 18:05

windows 常用的快捷键、运行命令及DOS网络命令

Window常用快捷键Win键【开始】Win键+R【运行】Win键+D显示桌面Win键+Tab切换项目Win键+E我的电脑Win键+L锁屏Win键+P投影Ctr+S保存Ctr+O打开Ctr+W关闭Ctrl
huihuiwan·2017-09-22 21:02

HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)

设计师给了一个tab切换的效果图。虽然是一个很小的功能，但是前端工程师在实现的时候还是有很多细节需要注意。我写了一个demo给大家参考。
佚名·2017-09-15 14:10

HTML5+CSS3 做一个灵动的动画 TAB 切换效果

HTML5+CSS3做一个灵动的动画TAB切换效果设计师给了一个tab切换的效果图。虽然是一个很小的功能，但是前端工程师在实现的时候还是有很多细节需要注意。我写了一个demo给大家参考。
FungLeo·2017-09-15 11:40

tab切换——点击

tab切换——点击Tab切换-自动*{margin:0;  padding:0;  list-style:none;  font-size:12px;}.notice{width:298px;        
yudeboo·2017-09-09 12:28

DataTable使用

1.在手机适配的时候,发现无法自适应展示+(1)autoWidth针对手机端调整为false(2)使用responsivePriority响应优先级要有1来做优先级datatable插件应用于tab切换出现表头错位问题解决
贝灬小晖·2017-09-09 10:47

JS面向对象应用，常见组件的封装(轮播，tab，曝光加载)

tab切换用面向对象的写法如下，创建的对象实例个个独立，不需要考虑相互影响，只需要考虑自己怎么实现即可，下面代码还可以进行优化组件tabul,li{margin:0;padding:0;}li{list-style
DeeJay_Y·2017-09-03 14:35

解决ECharts Can't get dom width or height!无法初始化图表的问题

最近在开发中遇到了一个问题，在一个页面要绘制4张图表，4个tab切换查看，如下图代码写完后查看效果时发现一个问题，只有第一个图表绘制成功了，并且能自适应改变宽高，后面三个都是空白，查看报错信息，如下图猜测原因可能是执行
Mistra丶·2017-09-02 11:37

jquery load事件遇到的问题

然后我把需要跳转的部分用了load，通过tab切换来不停的刷新内容模块。首先遇到的问题是调试问题，使用这样一个东西调试的时候，加载进来的页面部分报错找不到位置，无法确定问题出在哪里。
六根羽毛·2017-09-01 20:12

详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

在vue中，实现Tab切换主要有三种方式：使用动态组件，使用vue-router路由，使用第三方插件。
我不是黄悠然·2017-08-30 10:16

js实现tab切换

.btn{border:1pxsolidblack;background-color:cyan;display:inline-block;width:45px;text-align:center;}.show{width:200px;height:200px;background:yellow;color:red;font-size:30px;text-align:center;}.s1{back
HongArcher·2017-08-29 20:04

js获取url来路document.referrer

需求：项目开发过程中需要从A页面跳到B页面的底部导航的第二个按钮的切换页面（B页面是三个tab切换组成）思路：在B页面的js部分添加了一个判断语句，判断如果从A页面跳过来的，就显示B页面的第二个tab切换页面
猩崽大叔·2017-08-29 13:28

JS中利用swiper实现3d翻转幻灯片实例代码

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
小下·2017-08-25 09:06

CSS编码规范——常用命名

页面尾部aside、sidebar--用于侧边栏.content--和headerfooter对应，用于主要内容.navigation--导航元素.pagination--分页.tabs>.tab--tab
nathanwty·2017-08-23 19:00

Mac下快捷键

终端：command+n启动一个新窗口control+c停止当前任务command+q关闭当前应用command+tab切换应用，按方向键选应用command+w关闭当前窗口Command-Z撤销Command-X
写自己的代码·2017-08-23 08:48

Mac下快捷键

终端：command+n启动一个新窗口control+c停止当前任务command+q关闭当前应用command+tab切换应用，按方向键选应用command+w关闭当前窗口Command-Z撤销Command-X
写自己的代码·2017-08-23 08:48

Mac-记录一些超好用的快捷键

开关机快捷键功能⌃+⎋唤出关机操作窗口⌘+⌥+⎋强制关机快速切换快捷键功能⌘+Tab切换下一个应用程序窗口⌘+⇧+Tab切换上一个应用程序窗口#Finder：快捷键功
DRPrincess·2017-08-16 13:50

Android 解决切换Tab后RecycleView/ListView自动回滚至顶部条目的Bug

否则必将维权到底出了个Bug，点击底部Tab切换Fragment，Fragment中的RecycleView自动回滚至第一个条目。
keithxiaoy·2017-08-07 18:03

Vue2.0 多 Tab切换组件的封装实例

Vue2.0多Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！
Rkatsiteli·2017-07-28 11:04
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他