102 lines
3.5 KiB
Plaintext
102 lines
3.5 KiB
Plaintext
<view class="page">
|
||
<view class="safe-top" style="height: {{statusBarHeight}}px"></view>
|
||
<view class="nav">
|
||
<view class="nav-back" bindtap="onBack">取消</view>
|
||
<view class="nav-title">{{isEdit ? '编辑宠物' : '添加宠物'}}</view>
|
||
<view class="nav-save" bindtap="onSave">保存</view>
|
||
</view>
|
||
|
||
<scroll-view scroll-y="true" class="scroll" enhanced="true" show-scrollbar="false">
|
||
<view class="form">
|
||
|
||
<!-- 宠物头像 -->
|
||
<view class="avatar-section" bindtap="onChoosePhoto">
|
||
<view class="pet-avatar" style="background: linear-gradient(135deg, #c9f7df, #d9d2ff);">
|
||
<text class="pet-emoji-big">{{form.emoji || '🐾'}}</text>
|
||
</view>
|
||
<text class="avatar-tip">点击更换照片</text>
|
||
</view>
|
||
|
||
<!-- 名字 -->
|
||
<view class="field-group">
|
||
<view class="field-item">
|
||
<text class="field-label">宠物名字 *</text>
|
||
<input class="field-input" value="{{form.name}}" bindinput="onField" data-key="name" placeholder="给TA起个名字" maxlength="10" />
|
||
</view>
|
||
|
||
<!-- 物种 -->
|
||
<view class="field-item" bindtap="onSpecies">
|
||
<text class="field-label">物种 *</text>
|
||
<view class="field-select">
|
||
<text>{{speciesLabel}}</text>
|
||
<text class="select-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 品种 -->
|
||
<view class="field-item" bindtap="onBreed">
|
||
<text class="field-label">品种</text>
|
||
<view class="field-select">
|
||
<text>{{form.breed || '选择品种'}}</text>
|
||
<text class="select-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 性别 -->
|
||
<view class="field-item">
|
||
<text class="field-label">性别</text>
|
||
<view class="gender-btns">
|
||
<view class="gender-btn {{form.gender === 'female' ? 'g-active' : ''}}" bindtap="onGender" data-v="female">女生 ♀</view>
|
||
<view class="gender-btn {{form.gender === 'male' ? 'g-active' : ''}}" bindtap="onGender" data-v="male">男生 ♂</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 生日 -->
|
||
<view class="field-item">
|
||
<text class="field-label">生日</text>
|
||
<picker mode="date" value="{{form.birthday}}" bindchange="onBirthday">
|
||
<view class="field-select">
|
||
<text>{{form.birthday || '选择生日'}}</text>
|
||
<text class="select-arrow">›</text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<!-- 简介 -->
|
||
<view class="field-item field-item-col">
|
||
<text class="field-label">简介</text>
|
||
<textarea
|
||
class="field-textarea"
|
||
value="{{form.bio}}"
|
||
bindinput="onField"
|
||
data-key="bio"
|
||
placeholder="写几句关于TA的介绍..."
|
||
maxlength="100"
|
||
auto-height="true"
|
||
show-confirm-bar="false"
|
||
/>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 性格标签 -->
|
||
<view class="tags-section">
|
||
<text class="tags-title">性格标签</text>
|
||
<view class="tag-grid">
|
||
<view
|
||
wx:for="{{allTags}}"
|
||
wx:key="index"
|
||
class="tag-chip {{form.tags.includes(item) ? 'tag-on' : ''}}"
|
||
bindtap="onTagToggle"
|
||
data-tag="{{item}}"
|
||
>{{item}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 删除 -->
|
||
<view wx:if="{{isEdit}}" class="delete-btn" bindtap="onDelete">删除这只宠物</view>
|
||
|
||
<view style="height: 60rpx;"></view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|