小程序之tab的基本实现使用

微信小程序开发中 官方提供了常用组件，但是却没有tab这个组件，当然有可能是官方并不提倡在一个页面加入过多繁杂臃肿的东西，有点尴尬~只好自己动手撸一个。

直接进入代码
wxml：

<view class='bg-blue'>
    <view class="flex-box-list">
      <view class="list " wx:for="{
  {tab}}" wx:for-index="index" wx:for-item="item" bindtap="tabChange" data-index="{
  {index}}" wx:key="key">
        <view class='list-info'>
          <text decode="{
  {true}}" space="{
  {true}}">{
  {item.tagName}}  {
  {item.count}}</text>
          <view class='level-line' wx:if="{
  {tabNum==index}}"></view>
        </view>
      </view>
    </view>
</view>

js：

data: {
    // tab: ["tabName1", "tabName2"],