48 lines
2.4 KiB
Plaintext
48 lines
2.4 KiB
Plaintext
<!--custom-tab-bar/index.wxml-->
|
|
<view class="tab-bar {{matchEnabled ? 'tab-bar-four' : 'tab-bar-three'}}">
|
|
<view class="tab-bar-border"></view>
|
|
|
|
<!-- 首页 -->
|
|
<view class="tab-bar-item" data-path="{{list[0].pagePath}}" data-index="0" bindtap="switchTab">
|
|
<view class="icon-wrapper">
|
|
<image class="tab-icon {{selected === 0 ? 'icon-active' : ''}}"
|
|
src="/assets/icons/home.svg"
|
|
mode="aspectFit"
|
|
style="color: {{selected === 0 ? selectedColor : color}}"></image>
|
|
</view>
|
|
<view class="tab-bar-text" style="color: {{selected === 0 ? selectedColor : color}}">{{list[0].text}}</view>
|
|
</view>
|
|
|
|
<!-- 目录 -->
|
|
<view class="tab-bar-item" data-path="{{list[1].pagePath}}" data-index="1" bindtap="switchTab">
|
|
<view class="icon-wrapper">
|
|
<image class="tab-icon {{selected === 1 ? 'icon-active' : ''}}"
|
|
src="/assets/icons/list.svg"
|
|
mode="aspectFit"
|
|
style="color: {{selected === 1 ? selectedColor : color}}"></image>
|
|
</view>
|
|
<view class="tab-bar-text" style="color: {{selected === 1 ? selectedColor : color}}">{{list[1].text}}</view>
|
|
</view>
|
|
|
|
<!-- 找伙伴 - 中间突出按钮（根据配置显示） -->
|
|
<view class="tab-bar-item special-item" wx:if="{{matchEnabled}}" data-path="{{list[2].pagePath}}" data-index="2" bindtap="switchTab">
|
|
<view class="special-button {{selected === 2 ? 'special-active' : ''}}">
|
|
<image class="special-icon"
|
|
src="/assets/icons/partners.svg"
|
|
mode="aspectFit"></image>
|
|
</view>
|
|
<view class="tab-bar-text special-text" style="color: {{selected === 2 ? selectedColor : color}}">{{list[2].text}}</view>
|
|
</view>
|
|
|
|
<!-- 我的 -->
|
|
<view class="tab-bar-item" data-path="{{list[3].pagePath}}" data-index="{{matchEnabled ? 3 : 2}}" bindtap="switchTab">
|
|
<view class="icon-wrapper">
|
|
<image class="tab-icon {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? 'icon-active' : ''}}"
|
|
src="/assets/icons/user.svg"
|
|
mode="aspectFit"
|
|
style="color: {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? selectedColor : color}}"></image>
|
|
</view>
|
|
<view class="tab-bar-text" style="color: {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? selectedColor : color}}">{{list[3].text}}</view>
|
|
</view>
|
|
</view>
|