更新日期:

2019/3/5:首次发布,默认下标“curIndex”超出红色提示

2019/3/7:增加tabName,可自定义数据标题名称(详情看示例)

支持单个/多个tab(显示/隐藏)

参数:

1. tabTitle(tab标题)

2. curIndex(默认下标)

3. bindtabChange(传回下标接收的函数) - this.triggerEvent

4. tabName (自定义数据名称)- 2019/3/7

 

<tab-switch tabTitle="{{categories}}" curIndex="0" bindtabChange="tabChangeIndex">

  <view hidden="{{idx!=0}}">
00000
</view>
<view hidden="{{idx!=1}}">
111111
</view>
<view hidden="{{idx!=2}}">
222222
</view>
<view hidden="{{idx!=3}}">
333333
</view>
<view hidden="{{idx!=4}}">
444444
</view> <view hidden="{{idx!=5}}">
555555
</view> <!-- for循环模式 -->
<view wx:for="{{categories}}" wx:for-index="idxs" wx:key="item.id">
<view hidden='{{idx!=idxs}}'>
{{idxs}}*-{{item.title}}*-{{item.id}}
</view>
</view> </tab-switch>

点击下载:tab切换卡组件示例

最新文章

  1. Ubuntu NFSserver 简易安装及使用
  2. 《Qt Quick 4小时入门》学习笔记
  3. Jquery 获取 radio/select选中值
  4. 理解JavaScript中的事件轮询
  5. Java&amp;.Net虚拟机精简(GreenJVM&amp;GreenDotNet发布) .
  6. posix thread 浅谈
  7. POJ 3421
  8. jQuery如何实现点击页面获得当前点击元素
  9. android文件选择器、仿淘宝编辑页面、新手引导层等源码
  10. Android图片加载库Fresco
  11. spring boot -spring data-redis
  12. iOS获取崩溃日志
  13. 用XMLHttpRequest制作一个简易ajax
  14. day9 九、函数
  15. 剑指offer例题——跳台阶、变态跳台阶
  16. 介绍一些有趣的MySQL pager命令
  17. kali 2018.1安装教程
  18. wepy - 入手
  19. java利用poi读取excel异常问题
  20. Ruby 和 Python 分析器是如何工作的?

热门文章

  1. Ubuntu 14.04 用户如何安装 VLC 2.2.0
  2. Linux学习13-CentOS安装ab做压力测试
  3. java解压缩zip和rar的工具类
  4. UITableViewCell图片视差效果
  5. [转]MySQL主从复制(Master-Slave)与读写分离(MySQL-Proxy)实践
  6. XML和JSON优缺点
  7. python Genarator函数
  8. 【转】从QDataStream向QByteArray中写入数据时的注意点(QT)
  9. HDU—— 5159 Building Blocks
  10. a标签置灰不可点击