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>
|