80 lines
3.9 KiB
Plaintext
80 lines
3.9 KiB
Plaintext
<view class="address-overlay" wx:if="{{visible}}" bindtap="onClose">
|
|
<view class="address-sheet" catchtap="onSheetTap">
|
|
<view class="address-header">
|
|
<view class="address-back" wx:if="{{isEditing}}" bindtap="onBackToList">
|
|
<t-icon name="chevron-left" size="36rpx" color="#999" />
|
|
</view>
|
|
<text class="address-title">{{isEditing ? (editData._index >= 0 ? '编辑地址' : '新增地址') : '邮寄地址'}}</text>
|
|
<view class="address-close" bindtap="onClose">
|
|
<t-icon name="close" size="36rpx" color="#999" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="address-body" wx:if="{{!isEditing}}">
|
|
<view class="address-empty" wx:if="{{addresses.length === 0}}">
|
|
<t-icon name="location" size="80rpx" color="#CCCCCC" />
|
|
<text class="address-empty-text">暂无地址，点击添加</text>
|
|
</view>
|
|
|
|
<view class="address-list" wx:if="{{addresses.length > 0}}">
|
|
<view class="address-card" wx:for="{{addresses}}" wx:key="index">
|
|
<view class="address-card-main" bindtap="onEditAddress" data-index="{{index}}">
|
|
<view class="address-card-top">
|
|
<text class="address-label">{{item.label}}</text>
|
|
<text class="address-default-tag" wx:if="{{item.isDefault}}">默认</text>
|
|
</view>
|
|
<view class="address-card-content">
|
|
<text class="address-region">{{item.province}} {{item.city}} {{item.district}}</text>
|
|
<text class="address-detail">{{item.address}}</text>
|
|
<text class="address-postcode" wx:if="{{item.postcode}}">邮编：{{item.postcode}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="address-card-actions">
|
|
<view class="address-action-default" bindtap="onSetDefault" data-index="{{index}}">
|
|
<t-icon name="{{item.isDefault ? 'check-circle-filled' : 'circle'}}" size="32rpx" color="{{item.isDefault ? '#FF8500' : '#999'}}" />
|
|
<text class="action-text {{item.isDefault ? 'active' : ''}}">{{item.isDefault ? '默认地址' : '设为默认'}}</text>
|
|
</view>
|
|
<view class="address-action-delete" bindtap="onDeleteAddress" data-index="{{index}}">
|
|
<t-icon name="delete" size="32rpx" color="#999" />
|
|
<text class="action-text">删除</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="address-body" wx:if="{{isEditing}}">
|
|
<view class="address-form">
|
|
<view class="form-item">
|
|
<text class="form-label">地址标签</text>
|
|
<input class="form-input" value="{{editData.label}}" placeholder="如：家庭、公司" maxlength="20" bindinput="onFieldInput" data-field="label" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="form-label">所在地区</text>
|
|
<picker mode="region" value="{{[editData.province, editData.city, editData.district]}}" bindchange="onRegionChange">
|
|
<view class="form-picker">
|
|
{{editData.province || '请选择地区'}}{{editData.city ? ' ' + editData.city : ''}}{{editData.district ? ' ' + editData.district : ''}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="form-label">详细地址</text>
|
|
<input class="form-input" value="{{editData.address}}" placeholder="请输入详细地址" maxlength="100" bindinput="onFieldInput" data-field="address" />
|
|
</view>
|
|
|
|
<view class="form-item form-item-switch">
|
|
<text class="form-label">设为默认地址</text>
|
|
<switch checked="{{editData.isDefault}}" bindchange="onDefaultChange" color="#FF8500" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="address-footer">
|
|
<button class="address-add-btn" wx:if="{{!isEditing}}" bindtap="onAddAddress">添加新地址</button>
|
|
<button class="address-save-btn" wx:if="{{isEditing}}" bindtap="onSaveEdit">保存</button>
|
|
</view>
|
|
</view>
|
|
</view>
|