tabbar.wxml 1.4 KB

123456789101112131415161718192021222324252627
  1. <!--components/tabbar/tabbar.wxml-->
  2. <view class="tabbar">
  3. <view class="tabbar-item pic-item" wx:if="{{active == 0}}">
  4. <image class="icon" wx:if="{{isScroll}}" bind:tap="backToTop" src="../../images/tabbar/scroll_home.png" mode=""/>
  5. <image class="icon" wx:else src="../../images/tabbar/select_home.png" mode=""/>
  6. </view>
  7. <view class="tabbar-item" data-url="/pages/index/index" bind:tap="handleTab" wx:else>
  8. <image class="icon" src="../../images/tabbar/home.png" mode=""/>
  9. <view class="name">首页</view>
  10. </view>
  11. <view class="tabbar-item {{active == 1?'active':''}}" data-url="/pages/category/category" bind:tap="handleTab">
  12. <image class="icon" src="{{active == 1?'../../images/tabbar/select_sort.png':'../../images/tabbar/sort.png'}}" mode=""/>
  13. <view class="name">分类</view>
  14. </view>
  15. <view class="tabbar-item {{active == 2?'active':''}}" data-url="/pages/basket/basket" bind:tap="handleTab">
  16. <view class="num" wx:if="{{num}}">{{num}}</view>
  17. <image class="icon" src="{{active == 2?'../../images/tabbar/select_shop_car.png':'../../images/tabbar/shop_car.png'}}" mode=""/>
  18. <view class="name">购物车</view>
  19. </view>
  20. <view class="tabbar-item {{active == 3?'active':''}}" data-url="/pages/user/user" bind:tap="handleTab">
  21. <image class="icon" src="{{active == 3?'../../images/tabbar/select_mine.png':'../../images/tabbar/mine.png'}}" mode=""/>
  22. <view class="name">我的</view>
  23. </view>
  24. </view>