1

new-soul/miniprogram/pages/addresses/addresses.wxml

@@ -0,0 +1,66 @@
+<!--收货地址列表页-->
+<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}}">
+      <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}}"
+          >
+            <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>