tui-tabbar.wxml 989 B

123456789101112
  1. <view class="tui-tabbar {{isFixed?'tui-tabbar-fixed':''}} {{unlined?'tui-unlined':''}}" style="background:{{backgroundColor}}">
  2. <block wx:for="{{tabBar}}" wx:key="{{index}}">
  3. <view class="tui-tabbar-item {{item.hump?'tui-item-hump':''}}" style="background:{{item.hump?backgroundColor:'none'}}" bindtap="tabbarSwitch" data-index="{{index}}">
  4. <view class="tui-icon-box {{item.hump?'tui-tabbar-hump':''}}">
  5. <image src="{{current==index?item.selectedIconPath:item.iconPath}}" class="{{item.hump?'':'tui-tabbar-icon'}}"></image>
  6. <view class="{{item.isDot?'tui-badge-dot':'tui-badge'}}" style="color:{{badgeColor}};background:{{badgeBgColor}}" wx:if="{{item.num>0}}">{{item.isDot?"":item.num}}</view>
  7. </view>
  8. <view class="tui-text-scale {{item.hump?'tui-text-hump':''}}" style="color:{{current==index?selectedColor:color}}">{{item.text}}</view>
  9. </view>
  10. </block>
  11. <view class="{{hump?'tui-hump-box':''}}" wx:if="{{hump && !unlined}}"></view>
  12. </view>