tabbar.wxml 1.2 KB

12345678910111213141516171819202122
  1. <template name="tabbar">
  2. <i-fixed-bottom>
  3. <view class="tabbar-box py10 i-flex text-center shadow-top fsz-24 {{isIpx?'pb20':''}}">
  4. <navigator class="tabbar i-flex-item {{data==0?'active':''}}" hover-class="none" url="/lionfish_comshop/moduleB/rider/index" open-type="redirect">
  5. <text class="iconfont icon-shouye"></text>
  6. <view class="mt5">首页</view>
  7. </navigator>
  8. <navigator class="tabbar i-flex-item {{data==1?'active':''}}" hover-class="none" url="/lionfish_comshop/moduleB/rider/grab" open-type="redirect">
  9. <text class="iconfont icon-jielongguanli"></text>
  10. <view class="mt5">抢单</view>
  11. </navigator>
  12. <navigator class="tabbar i-flex-item {{data==2?'active':''}}" hover-class="none" url="/lionfish_comshop/moduleB/rider/census" open-type="redirect">
  13. <text class="iconfont icon-order-manage"></text>
  14. <view class="mt5">统计</view>
  15. </navigator>
  16. <navigator class="tabbar i-flex-item {{data==3?'active':''}}" hover-class="none" url="/lionfish_comshop/moduleB/rider/me" open-type="redirect">
  17. <text class="iconfont icon-jiaru"></text>
  18. <view class="mt5">我的</view>
  19. </navigator>
  20. </view>
  21. </i-fixed-bottom>
  22. </template>