微信小程序 - tab切换卡(组件)

更新日期:

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

 

 

微信小程序 - tab切换卡(组件)

 

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

参数:

1. tabTitle(tab标题)

2. curIndex(默认下标)

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

 

 

<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切换卡组件示例

 

上一篇:LeetCode 141. 环形链表 快慢指针


下一篇:141.环形链表-LeetCode