67 lines
2.3 KiB
Plaintext
67 lines
2.3 KiB
Plaintext
<!--收货地址列表页-->
|
|
<view class="page">
|
|
<!-- 导航栏 -->
|
|
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
|
<view class="nav-back" bindtap="goBack">
|
|
<icon name="chevron-left" size="44" color="rgba(255,255,255,0.8)" customClass="back-icon"></icon>
|
|
</view>
|
|
<text class="nav-title">收货地址</text>
|
|
<view class="nav-placeholder"></view>
|
|
</view>
|
|
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
|
|
|
<view class="content">
|
|
<!-- 加载状态 -->
|
|
<view class="loading-state" wx:if="{{loading}}">
|
|
<text class="loading-text">加载中...</text>
|
|
</view>
|
|
|
|
<!-- 空状态 -->
|
|
<view class="empty-state" wx:elif="{{addressList.length === 0}}">
|
|
<icon name="map-pin" size="80" color="#3a3a3c" customClass="empty-icon"></icon>
|
|
<text class="empty-text">暂无收货地址</text>
|
|
<text class="empty-tip">点击下方按钮添加</text>
|
|
</view>
|
|
|
|
<!-- 地址列表 -->
|
|
<view class="address-list" wx:else>
|
|
<view
|
|
class="address-card"
|
|
wx:for="{{addressList}}"
|
|
wx:key="id"
|
|
>
|
|
<view class="address-header">
|
|
<text class="receiver-name">{{item.name}}</text>
|
|
<text class="receiver-phone">{{item.phone}}</text>
|
|
<text class="default-tag" wx:if="{{item.isDefault}}">默认</text>
|
|
</view>
|
|
<text class="address-text">{{item.fullAddress}}</text>
|
|
<view class="address-actions">
|
|
<view
|
|
class="action-btn edit-btn"
|
|
bindtap="editAddress"
|
|
data-id="{{item.id}}"
|
|
>
|
|
<icon name="pencil" size="36" color="#00CED1" customClass="action-icon"></icon>
|
|
<text class="action-text">编辑</text>
|
|
</view>
|
|
<view
|
|
class="action-btn delete-btn"
|
|
bindtap="deleteAddress"
|
|
data-id="{{item.id}}"
|
|
>
|
|
<icon name="trash-2" size="36" color="#ff3b30" customClass="action-icon"></icon>
|
|
<text class="action-text">删除</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 新增按钮 -->
|
|
<view class="add-btn" bindtap="addAddress">
|
|
<icon name="plus" size="36" color="#00CED1" customClass="add-icon"></icon>
|
|
<text class="add-text">新增收货地址</text>
|
|
</view>
|
|
</view>
|
|
</view>
|