- 自定义 tabBar:AI 入口图标与样式,相关页面与审核门控调整 - API:MpTabbar、出站推送 Hook、后台设置与迁移 SQL(含 FAB 居中排序) - 管理端:推送 Hook 面板、出站推送调试工具与生产环境注释说明 Made-with: Cursor
43 lines
1.6 KiB
Plaintext
43 lines
1.6 KiB
Plaintext
<!-- 自定义 TabBar:第2项为凸起拍摄;主题色品牌紫 -->
|
||
<view class="tab-bar">
|
||
<view class="tab-bar-line"></view>
|
||
<view class="tab-bar-inner tab-bar-count-{{items.length}}">
|
||
<block wx:for="{{items}}" wx:key="pagePath" wx:for-item="it">
|
||
<!-- 中间浮钮(highlight=true) -->
|
||
<view wx:if="{{it.highlight}}" class="tab-slot-middle">
|
||
<view
|
||
class="middle-fab {{selected === index ? 'active' : ''}}"
|
||
data-index="{{index}}"
|
||
bindtap="switchTab"
|
||
>
|
||
<view class="center-circle">
|
||
<image wx:if="{{it.iconUrl}}" class="center-img" src="{{it.iconUrl}}" mode="aspectFit" />
|
||
<view wx:else class="center-svg center-svg--{{it.iconKey || 'camera'}}"></view>
|
||
</view>
|
||
<text class="tab-text tab-text-fab">{{it.text}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 普通 Tab item -->
|
||
<view
|
||
wx:else
|
||
class="tab-item {{selected === index ? 'active' : ''}} tab-item--{{it.iconKey || 'home'}}"
|
||
data-index="{{index}}"
|
||
bindtap="switchTab"
|
||
>
|
||
<image
|
||
wx:if="{{it.iconUrl}}"
|
||
class="tab-icon-img {{it.iconUrlActive ? 'tab-icon-img--dual' : ''}} {{selected === index ? 'tab-icon-img--active' : ''}}"
|
||
src="{{it.iconUrlActive && selected === index ? it.iconUrlActive : it.iconUrl}}"
|
||
mode="aspectFit"
|
||
/>
|
||
<view
|
||
wx:else
|
||
class="tab-icon tab-icon--{{it.iconKey || 'home'}} {{selected === index ? 'tab-icon--active' : ''}}"
|
||
></view>
|
||
<text class="tab-text">{{it.text}}</text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|