<!--miniprogram/custom-tab-bar/index.wxml--> <cover-view class="tab-bar-border"> <cover-view class="border"> </cover-view> <cover-view class="tab-bar"> <cover-view class="tab-bar-item {{selected === 0 ? 'selected' : ''}}" data-path="{{list[0].pagePath}}" data-index="0" bindtap="switchTab"> <cover-image style="width:40rpx; height: 40rpx" src="{{selected === 0 ? list[0].selectedIconPath : list[0].iconPath}}"></cover-image> <cover-view style="color: {{selected === 0 ? selectedColor : color}}">{{list[0].text}}</cover-view> </cover-view> <cover-view class="tab-bar-item middle {{selected === 2 ? 'selected' : ''}}" bindtap="switchTab" data-index="2" data-path="{{list[2].pagePath}}"> <cover-image style="width:85rpx; height: 92rpx;" src="{{selected === 2 ? '/img/nav/content.png' : '/img/nav/tzh_default.png'}}"></cover-image> <cover-view style="color: {{selected === 2 ? selectedColor : color}}">{{list[2].text}}</cover-view> </cover-view> <cover-view class="tab-bar-item {{selected === 1 ? 'selected' : ''}}" data-path="{{list[1].pagePath}}" data-index="1" bindtap="switchTab"> <cover-image style="width:40rpx; height: 40rpx" src="{{selected === 1 ? list[1].selectedIconPath : list[1].iconPath}}"></cover-image> <cover-view style="color: {{selected === 1 ? selectedColor : color}}">{{list[1].text}}</cover-view> </cover-view> </cover-view> </cover-view>