tabbar.wxml 685 B

12345678910
  1. <view class="weui-tabbar {{extClass}}">
  2. <!-- 选中的时候往 weui-tabbar__item 加 class:weui-bar__item_on -->
  3. <view data-index='{{index}}' bindtap="tabChange" wx:for="{{list}}" wx:key="index" class="weui-tabbar__item {{index === current ? 'weui-bar__item_on' : ''}}">
  4. <view style="position: relative;display:inline-block;">
  5. <image src="{{current === index ? item.selectedIconPath : item.iconPath}}" class="weui-tabbar__icon"></image>
  6. <mp-badge wx:if="{{item.badge || item.dot}}" content="{{item.badge}}" style="position: absolute;top:-2px;left:calc(100% - 3px)"></mp-badge>
  7. </view>
  8. <view class="weui-tabbar__label">{{item.text}}</view>
  9. </view>
  10. </view>