继续完善购物逻辑闭环，consumer模块完成度80%

pages/mall/consumer/address-list.uvue

@@ -16,8 +16,13 @@
           </view>
           <text class="address-text">{{ getFullAddress(item) }}</text>
         </view>
-        <view class="item-edit" @click.stop="editAddress(item.id)">
-          <text class="edit-icon">📝</text>
+        <view class="item-actions">
+            <view class="action-item" @click.stop="editAddress(item.id)">
+                <text class="action-icon">📝</text>
+            </view>
+            <view class="action-item" @click.stop="deleteAddress(item.id)">
+                <text class="action-icon"><3E>️</text>
+            </view>
         </view>
       </view>
     </view>
@@ -104,6 +109,27 @@ const addAddress = () => {
   })
 }
 
+// 删除地址
+const deleteAddress = (id: string) => {
+    uni.showModal({
+        title: '提示',
+        content: '确定要删除该地址吗？',
+        success: (res) => {
+            if (res.confirm) {
+                const index = addresses.value.findIndex(addr => addr.id === id)
+                if (index !== -1) {
+                    addresses.value.splice(index, 1)
+                    uni.setStorageSync('addresses', JSON.stringify(addresses.value))
+                    uni.showToast({
+                        title: '删除成功',
+                        icon: 'success'
+                    })
+                }
+            }
+        }
+    })
+}
+
 const editAddress = (id: string) => {
   uni.navigateTo({
     url: `/pages/mall/consumer/address-edit?id=${id}`
@@ -130,6 +156,26 @@ const selectAddress = (item: Address) => {
 </script>
 
 <style>
+/* 响应式布局优化 */
+@media screen and (min-width: 768px) {
+  .address-list {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+  
+  .address-list-page {
+    background-color: #f5f5f5;
+  }
+  
+  .footer-btn {
+    max-width: 800px;
+    margin: 0 auto;
+    left: 50%;
+    transform: translateX(-50%);
+    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
+  }
+}
+
 .address-list-page {
   min-height: 100vh;
   background-color: #f5f5f5;
@@ -216,12 +262,24 @@ const selectAddress = (item: Address) => {
   line-height: 1.4;
 }
 
-.item-edit {
+.item-actions {
   padding: 10px;
   border-left: 1px solid #f0f0f0;
+  display: flex;
+  flex-direction: column; /* 竖向排列图标 */
+  justify-content: center;
+  align-items: center;
+  gap: 15px;
 }
 
-.edit-icon {
+.action-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 5px;
+}
+
+.action-icon {
   font-size: 20px;
   color: #999;
 }