Files
ZhiQiXiaoYuan/custom-tab-bar/index.wxml
ChuXun eaab9a762a 1
2025-10-19 20:28:31 +08:00

24 lines
632 B
Plaintext

<view class="tab-bar">
<view
wx:for="{{list}}"
wx:key="index"
class="tab-item {{selected === index ? 'active' : ''}}"
data-path="{{item.pagePath}}"
data-index="{{index}}"
bindtap="switchTab"
>
<!-- Emoji图标 -->
<view class="tab-emoji {{selected === index ? 'emoji-bounce' : ''}}">
{{item.emoji}}
</view>
<!-- 文字标签 -->
<view class="tab-text" style="color: {{selected === index ? selectedColor : color}}">
{{item.text}}
</view>
<!-- 选中指示器 -->
<view class="tab-indicator" wx:if="{{selected === index}}"></view>
</view>
</view>