37 lines
1.4 KiB
Plaintext
37 lines
1.4 KiB
Plaintext
<view class="bar">
|
|
<view
|
|
wx:for="{{tabs}}"
|
|
wx:key="path"
|
|
class="item {{current===item.path?'active':''}} {{item.key==='walk'?'walk':''}}"
|
|
data-path="{{item.path}}"
|
|
bindtap="go"
|
|
aria-role="button"
|
|
aria-label="{{item.label}}"
|
|
>
|
|
<view wx:if="{{item.key==='walk'}}" class="walk-bubble">
|
|
<view class="paw">
|
|
<view class="toe toe-one"></view>
|
|
<view class="toe toe-two"></view>
|
|
<view class="toe toe-three"></view>
|
|
<view class="toe toe-four"></view>
|
|
<view class="pad"></view>
|
|
</view>
|
|
</view>
|
|
<view wx:else class="icon-wrap">
|
|
<view wx:if="{{item.key==='home'}}" class="home-icon">
|
|
<view class="home-roof"></view>
|
|
<view class="home-body"></view>
|
|
<view class="home-door"></view>
|
|
</view>
|
|
<view wx:elif="{{item.key==='meetups'}}" class="friends-icon">
|
|
<view class="friend friend-left"></view>
|
|
<view class="friend friend-right"></view>
|
|
</view>
|
|
<view wx:elif="{{item.key==='tasks'}}" class="task-icon"><view class="task-tick"></view></view>
|
|
<view wx:else class="pet-icon"><app-icon kind="pet" size="44" color="{{current===item.path?'#b95738':'#9d8779'}}" /></view>
|
|
</view>
|
|
<text class="label">{{item.label}}</text>
|
|
<view wx:if="{{current===item.path && item.key!=='walk'}}" class="active-dot"></view>
|
|
</view>
|
|
</view>
|