102 lines
3.0 KiB
Plaintext
102 lines
3.0 KiB
Plaintext
|
<!--地址编辑页-->
|
|||
|
|
<view class="page">
|
|||
|
|
<!-- 导航栏 -->
|
|||
|
|
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
|||
|
|
<view class="nav-back" bindtap="goBack">
|
|||
|
|
<text class="back-icon">‹</text>
|
|||
|
|
</view>
|
|||
|
|
<text class="nav-title">{{isEdit ? '编辑地址' : '新增地址'}}</text>
|
|||
|
|
<view class="nav-placeholder"></view>
|
|||
|
|
</view>
|
|||
|
|
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
|||
|
|
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="form-card">
|
|||
|
|
<!-- 收货人 -->
|
|||
|
|
<view class="form-item">
|
|||
|
|
<view class="form-label">
|
|||
|
|
<text class="label-icon">👤</text>
|
|||
|
|
<text class="label-text">收货人</text>
|
|||
|
|
</view>
|
|||
|
|
<input
|
|||
|
|
class="form-input"
|
|||
|
|
placeholder="请输入收货人姓名"
|
|||
|
|
placeholder-class="input-placeholder"
|
|||
|
|
value="{{name}}"
|
|||
|
|
bindinput="onNameInput"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 手机号 -->
|
|||
|
|
<view class="form-item">
|
|||
|
|
<view class="form-label">
|
|||
|
|
<text class="label-icon">📱</text>
|
|||
|
|
<text class="label-text">手机号</text>
|
|||
|
|
</view>
|
|||
|
|
<input
|
|||
|
|
class="form-input"
|
|||
|
|
type="number"
|
|||
|
|
placeholder="请输入11位手机号"
|
|||
|
|
placeholder-class="input-placeholder"
|
|||
|
|
value="{{phone}}"
|
|||
|
|
bindinput="onPhoneInput"
|
|||
|
|
maxlength="11"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 地区选择 -->
|
|||
|
|
<view class="form-item">
|
|||
|
|
<view class="form-label">
|
|||
|
|
<text class="label-icon">📍</text>
|
|||
|
|
<text class="label-text">所在地区</text>
|
|||
|
|
</view>
|
|||
|
|
<picker
|
|||
|
|
mode="region"
|
|||
|
|
value="{{region}}"
|
|||
|
|
bindchange="onRegionChange"
|
|||
|
|
class="region-picker"
|
|||
|
|
>
|
|||
|
|
<view class="picker-value">
|
|||
|
|
{{province || city || district ? province + ' ' + city + ' ' + district : '请选择省市区'}}
|
|||
|
|
</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 详细地址 -->
|
|||
|
|
<view class="form-item">
|
|||
|
|
<view class="form-label">
|
|||
|
|
<text class="label-icon">🏠</text>
|
|||
|
|
<text class="label-text">详细地址</text>
|
|||
|
|
</view>
|
|||
|
|
<textarea
|
|||
|
|
class="form-textarea"
|
|||
|
|
placeholder="请输入街道、门牌号等详细地址"
|
|||
|
|
placeholder-class="input-placeholder"
|
|||
|
|
value="{{detail}}"
|
|||
|
|
bindinput="onDetailInput"
|
|||
|
|
maxlength="200"
|
|||
|
|
auto-height
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 设为默认 -->
|
|||
|
|
<view class="form-item form-switch">
|
|||
|
|
<view class="form-label">
|
|||
|
|
<text class="label-icon">⭐</text>
|
|||
|
|
<text class="label-text">设为默认地址</text>
|
|||
|
|
</view>
|
|||
|
|
<switch
|
|||
|
|
checked="{{isDefault}}"
|
|||
|
|
bindchange="onDefaultChange"
|
|||
|
|
color="#00CED1"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 保存按钮 -->
|
|||
|
|
<view class="save-btn {{saving ? 'btn-disabled' : ''}}" bindtap="saveAddress">
|
|||
|
|
{{saving ? '保存中...' : '保存'}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|