微信小程序自定义tabbar

共15个文件

js：4个

json：4个

wxss：3个

tabbar

需积分: 50 6 下载量 67 浏览量 2018-07-24 16:00:33 上传评论收藏 73KB ZIP 举报

温馨提示

微信小程序自定义tabbar【内有点击和滑动两种方式】 <view class="nav-tabs"> <view class="tab-list {{currentTab == idx?'active':'default'}}" wx:for="{{tabArray}}" wx:for-index="idx" wx:for-item="itemName" data-current="{{idx}}" bindtap="swichNav">{{itemName}}</view> </view> <view class="{{currentTab == idx?'show':'hidden'}} tab-content" wx:for="{{tabArray}}" wx:for-index="idx" wx:for-item="itemName">{{itemName}}</view>  <view class="nav-tabs"> <view class="tab-list {{currentTab == idx?'active':'default'}}" wx:for="{{tabArray}}" wx:for-index="idx" wx:for-item="itemName" data-current="{{idx}}" bindtap="swichNav">{{itemName}}</view> </view> <swiper current="{{currentTab}}" class="tab-content" duration="300" bindchange="bindChange"> <swiper-item wx:for="{{tabArray}}" wx:for-index="idx" wx:for-item="itemName" class=""> <view class="">{{itemName}}</view> </swiper-item> </swiper>

资源推荐

资源详情

资源评论