67 lines
2.1 KiB
Plaintext
67 lines
2.1 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">收货地址</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}}">
|
||
<text class="empty-icon">📍</text>
|
||
<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}}"
|
||
>
|
||
<text class="action-icon">✏️</text>
|
||
<text class="action-text">编辑</text>
|
||
</view>
|
||
<view
|
||
class="action-btn delete-btn"
|
||
bindtap="deleteAddress"
|
||
data-id="{{item.id}}"
|
||
>
|
||
<text class="action-icon">🗑️</text>
|
||
<text class="action-text">删除</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 新增按钮 -->
|
||
<view class="add-btn" bindtap="addAddress">
|
||
<text class="add-icon">➕</text>
|
||
<text class="add-text">新增收货地址</text>
|
||
</view>
|
||
</view>
|
||
</view>
|