oak-frontend-base/lib/miniprogram_npm/lin-ui/tab-bar/index.wxml

16 lines
1.0 KiB
Plaintext

<view class="lu-tab-bar"
style="{{bgColor?'background-color:'+bgColor+';':''}} {{bgImg?'background-image: url('+bgImg+');':''}}">
<view class="lu-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="lu-tab-bar__item-container">
<!-- 标签图标 -->
<l-badge show="{{item.redDot}}" dot="{{item.redDot===true}}" value="{{item.redDot}}" data-index="{{index}}" mut-bind:lintap="onTapItem">
<image class="lu-tab-bar__item-image {{selectedIndex===index?'lu-tab-bar__item-image--selected':''}}" src="{{selectedIndex===index?item.selectedIconPath:item.iconPath}}"></image>
</l-badge>
<!-- 标签文字 -->
<view wx:if="{{item.text!==undefined}}" class="lu-tab-bar__item-text {{selectedIndex===index?'lu-tab-bar__item-text--selected':''}}" style="{{selectedIndex===index?textSelectedColor?'color:'+textSelectedColor:'':'color:'+textColor}}">
{{item.text}}
</view>
</view>
</view>
</view>