40 lines
1.2 KiB
Plaintext
40 lines
1.2 KiB
Plaintext
<!-- 自定义底部导航栏 — 用于非 TabBar 的看板子页面，SVG icon 忠于 H5 原型 -->
|
||
<view class="tab-bar">
|
||
<view
|
||
class="tab-bar-item {{active === 'task' ? 'tab-bar-item--active' : ''}}"
|
||
bindtap="onTap"
|
||
data-tab="task"
|
||
>
|
||
<image
|
||
class="tab-bar-icon"
|
||
src="{{active === 'task' ? '/assets/icons/tab-task-nav-active.svg' : '/assets/icons/tab-task-nav.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
<text class="tab-bar-label">任务</text>
|
||
</view>
|
||
<view
|
||
class="tab-bar-item {{active === 'board' ? 'tab-bar-item--active' : ''}}"
|
||
bindtap="onTap"
|
||
data-tab="board"
|
||
>
|
||
<image
|
||
class="tab-bar-icon"
|
||
src="{{active === 'board' ? '/assets/icons/tab-board-nav-active.svg' : '/assets/icons/tab-board-nav.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
<text class="tab-bar-label">看板</text>
|
||
</view>
|
||
<view
|
||
class="tab-bar-item {{active === 'my' ? 'tab-bar-item--active' : ''}}"
|
||
bindtap="onTap"
|
||
data-tab="my"
|
||
>
|
||
<image
|
||
class="tab-bar-icon"
|
||
src="{{active === 'my' ? '/assets/icons/tab-my-nav-active.svg' : '/assets/icons/tab-my-nav.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
<text class="tab-bar-label">我的</text>
|
||
</view>
|
||
</view>
|