36 lines
1.2 KiB
Plaintext
36 lines
1.2 KiB
Plaintext
<!-- 自定义 tabBar：顶部分割线 + 三栏，中间浮起圆钮 -->
|
||
<view class="tab-bar">
|
||
<view class="tab-bar-line"></view>
|
||
<view class="tab-bar-inner">
|
||
<view
|
||
class="tab-item {{selected === 0 ? 'active' : ''}}"
|
||
data-index="0"
|
||
data-path="/pages/index/index"
|
||
bindtap="switchTab"
|
||
>
|
||
<image class="tab-icon" src="{{selected === 0 ? '/images/home-active.png' : '/images/home.png'}}" mode="aspectFit" />
|
||
<text class="tab-text">首页</text>
|
||
</view>
|
||
<view
|
||
class="tab-item-center {{selected === 1 ? 'active' : ''}}"
|
||
data-index="1"
|
||
data-path="/pages/index/camera"
|
||
bindtap="switchTab"
|
||
>
|
||
<view class="center-circle">
|
||
<image class="center-icon" src="{{selected === 1 ? '/images/camera-active.png' : '/images/camera.png'}}" mode="aspectFit" />
|
||
</view>
|
||
<view class="center-text-placeholder"></view>
|
||
</view>
|
||
<view
|
||
class="tab-item {{selected === 2 ? 'active' : ''}}"
|
||
data-index="2"
|
||
data-path="/pages/profile/index"
|
||
bindtap="switchTab"
|
||
>
|
||
<image class="tab-icon" src="{{selected === 2 ? '/images/user-active.png' : '/images/user.png'}}" mode="aspectFit" />
|
||
<text class="tab-text">我的</text>
|
||
</view>
|
||
</view>
|
||
</view>
|