44 lines
1.3 KiB
Plaintext
44 lines
1.3 KiB
Plaintext
<view class="screen">
|
||
<view class="eyebrow">MY LITTLE FAMILY</view>
|
||
<view class="title">我的毛孩子 🐕</view>
|
||
<view class="family">
|
||
<view>
|
||
<text>五只柯基，也能一起遛</text>
|
||
<strong>每一只都有自己的故事</strong>
|
||
</view>
|
||
<image src="/assets/corgi-family-five.png" mode="aspectFit" />
|
||
</view>
|
||
<view class="row">
|
||
<text class="section-title">宠物档案 · {{pets.length}}</text>
|
||
<text class="add" bindtap="add">＋ 添加</text>
|
||
</view>
|
||
<view
|
||
wx:for="{{pets}}"
|
||
wx:key="id"
|
||
class="card pet"
|
||
data-id="{{item.id}}"
|
||
bindtap="edit"
|
||
>
|
||
<view class="pet-avatar">
|
||
<image
|
||
wx:if="{{item.avatar_url}}"
|
||
src="{{item.avatar_url}}"
|
||
mode="aspectFill"
|
||
/>
|
||
<text wx:else>🐕</text>
|
||
</view>
|
||
<view class="pet-info">
|
||
<strong>{{item.name}}</strong>
|
||
<text>
|
||
{{item.breed||'小可爱'}} ·
|
||
{{item.gender==='male'?'男孩':item.gender==='female'?'女孩':'未知'}}
|
||
</text>
|
||
<text>体重 {{item.weight_kg||'—'}} kg</text>
|
||
</view>
|
||
<text class="arrow">›</text>
|
||
</view>
|
||
<view wx:if="{{!pets.length}}" class="empty">给第一只狗狗建个档案吧 🐾</view>
|
||
<button class="primary add-button" bindtap="add">＋ 新建宠物档案</button>
|
||
</view>
|
||
<tab-bar current="/pages/pets/pets" />
|