<!-- 自定义底部导航栏 — 用于非 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>
