71 lines
2.6 KiB
Plaintext
71 lines
2.6 KiB
Plaintext
<view class="page">
|
||
<!-- 头像（可选） -->
|
||
<view class="avatar-block" bindtap="onPickAvatar">
|
||
<image wx:if="{{form.avatar}}" class="avatar" src="{{form.avatar}}" mode="aspectFill" />
|
||
<view wx:else class="avatar">🐶</view>
|
||
<view class="avatar-tip">点击上传头像（可选）</view>
|
||
</view>
|
||
|
||
<!-- 名字 * -->
|
||
<view class="field">
|
||
<view class="flabel">名字 <text class="req">*</text></view>
|
||
<input class="finput" placeholder="给狗狗起个名字" value="{{form.name}}" bindinput="onNameInput" maxlength="12" />
|
||
</view>
|
||
|
||
<!-- 犬种 * -->
|
||
<view class="field">
|
||
<view class="flabel">犬种 <text class="req">*</text></view>
|
||
<picker mode="selector" range="{{breeds}}" value="{{breedIndex}}" bindchange="onBreedChange">
|
||
<view class="fpicker {{form.breed ? '' : 'placeholder'}}">
|
||
{{form.breed || '请选择犬种'}}
|
||
<text class="chev">›</text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<!-- 体型档位（未知犬种必选，用于狗步换算） -->
|
||
<view wx:if="{{needSize}}" class="field">
|
||
<view class="flabel">体型档位 <text class="req">*</text></view>
|
||
<view class="chips">
|
||
<view wx:for="{{sizeLabels}}" wx:key="key"
|
||
class="chip {{form.sizeLevel===item.key?'sel':''}}"
|
||
data-v="{{item.key}}" bindtap="onSizeTap">{{item.label}}</view>
|
||
</view>
|
||
<view class="size-tip">找不到品种时，按腿长/体型选一个，用于估算狗步</view>
|
||
</view>
|
||
|
||
<!-- 性别 -->
|
||
<view class="field">
|
||
<view class="flabel">性别</view>
|
||
<view class="chips">
|
||
<view class="chip {{form.gender==='male'?'sel':''}}" data-v="male" bindtap="onGenderTap">公</view>
|
||
<view class="chip {{form.gender==='female'?'sel':''}}" data-v="female" bindtap="onGenderTap">母</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 年龄（可选） -->
|
||
<view class="field">
|
||
<view class="flabel">年龄（可选）</view>
|
||
<view class="chips">
|
||
<view wx:for="{{ageStages}}" wx:key="key"
|
||
class="chip {{form.ageStage===item.key?'sel':''}}"
|
||
data-v="{{item.key}}" bindtap="onAgeTap">{{item.label}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 体重（可选） -->
|
||
<view class="field last">
|
||
<view class="flabel">体重（可选，用于估算狗步）</view>
|
||
<view class="weight-row">
|
||
<input class="finput" type="digit" placeholder="如 12" value="{{form.weight}}" bindinput="onWeightInput" />
|
||
<text class="unit">kg</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="submit">
|
||
<button class="btn primary" bindtap="onSubmit" loading="{{submitting}}">
|
||
{{isEdit ? '保存' : '完成，开始遛狗'}}
|
||
</button>
|
||
</view>
|
||
</view>
|