57 lines
2.4 KiB
Plaintext
57 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">
|
|
<!-- 首页图标 -->
|
|
<view class="icon {{selected === 0 ? 'icon-active' : ''}}">
|
|
<view class="icon-home">
|
|
<view class="home-roof"></view>
|
|
<view class="home-body"></view>
|
|
</view>
|
|
</view>
|
|
</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">
|
|
<view class="icon {{selected === 1 ? 'icon-active' : ''}}">
|
|
<view class="icon-list">
|
|
<view class="list-line"></view>
|
|
<view class="list-line"></view>
|
|
<view class="list-line"></view>
|
|
</view>
|
|
</view>
|
|
</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' : ''}}">
|
|
<view class="icon-users">
|
|
<view class="user-circle user-1"></view>
|
|
<view class="user-circle user-2"></view>
|
|
</view>
|
|
</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">
|
|
<view class="icon {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? 'icon-active' : ''}}">
|
|
<view class="icon-user">
|
|
<view class="user-head"></view>
|
|
<view class="user-body"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="tab-bar-text" style="color: {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? selectedColor : color}}">{{list[3].text}}</view>
|
|
</view>
|
|
</view>
|