32 lines
1.8 KiB
XML
32 lines
1.8 KiB
XML
<view wx:if="{{showTabBar}}" class="tab-bar {{ border ? 'tab-bar_border' : '' }}"
|
|
style="{{backgroundColor ? 'background-color:'+ backgroundColor +';':''}} {{backgroundUrl ? 'background-image: url('+ backgroundUrl+ ');' : ''}}">
|
|
<view class="tab-bar__item-wrapper" data-index="{{index}}" mut-bind:tap="onTapItem" style="width:{{750/list.length}}rpx" wx:for="{{list}}" wx:key="index">
|
|
<view class="tab-bar__item-container">
|
|
<!-- 标签图标 -->
|
|
<l-badge show="{{item.redDot}}" dot="{{item.redDot===true}}" value="{{item.redDot}}" data-index="{{index}}" mut-bind:lintap="onTapItem">
|
|
<block wx:if="{{selectedIndex===index}}">
|
|
<block wx:if="{{item.selectedIconPath}}">
|
|
<image class="tab-bar__item-image" src={{item.selectedIconPath}} style="{{item.iconSize ? 'width: '+item.iconSize+ 'rpx;' : ''}} {{item.iconSize ? 'height: '+item.iconSize+ 'rpx;' : ''}}" />
|
|
</block>
|
|
<block wx:else>
|
|
<oak-icon name="{{item.selectedIconName}}" size="{{item.iconSize || 24}}" color="{{selectedColor}}" />
|
|
</block>
|
|
</block>
|
|
<block wx:else>
|
|
<block wx:if="{{item.iconPath}}">
|
|
<image class="tab-bar__item-image" src={{item.iconPath}} style="{{item.iconSize ? 'width: '+item.iconSize+ 'rpx;' : ''}} {{item.iconSize ? 'height: '+item.iconSize+ 'rpx;' : ''}}" />
|
|
</block>
|
|
<block wx:else>
|
|
<oak-icon name="{{item.iconName}}" size="{{item.iconSize || 24}}" color="{{color}}" />
|
|
</block>
|
|
</block>
|
|
|
|
</l-badge>
|
|
<!-- 标签文字 -->
|
|
<view wx:if="{{item.text}}" class="tab-bar__item-text {{ selectedIndex===index ? 'tab-bar__item--selected' : '' }}" style="color: {{selectedIndex===index ? selectedColor : color}}">
|
|
{{item.text}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|