0.0.0
This commit is contained in:
70
miniprogram/pages/dog-edit/dog-edit.wxml
Normal file
70
miniprogram/pages/dog-edit/dog-edit.wxml
Normal file
@@ -0,0 +1,70 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user