consumer模块完成度95%，准备部署消费者端测试

pages/mall/consumer/address-list.uvue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <view class="address-list-page">
     <view class="address-list">
       <view v-if="addresses.length === 0" class="empty-state">
@@ -180,21 +180,113 @@ const selectAddress = (item: Address) => {
 </script>
 
 <style>
+.address-list-page {
+  background-color: #f8f8f8;
+  min-height: 100vh;
+  padding: 12px;
+  padding-bottom: 100px;
+}
+
+.address-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.address-item {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 12px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.03);
+}
+
+.item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  margin-right: 12px;
+}
+
+.item-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 8px;
+  flex-wrap: wrap;
+}
+
+.user-name {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  margin-right: 12px;
+}
+
+.user-phone {
+  font-size: 14px;
+  color: #666;
+  margin-right: 12px;
+}
+
+.default-tag {
+  background-color: #fff1eb;
+  color: #ff5000;
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  margin-right: 6px;
+  border: 1px solid #ff5000;
+}
+
+.label-tag {
+  background-color: #eef5ff;
+  color: #007aff;
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #007aff;
+}
+
+.address-text {
+  font-size: 14px;
+  color: #333;
+  line-height: 1.5;
+  lines: 2;
+  text-overflow: ellipsis;
+}
+
 .item-actions {
-  padding: 10px;
+  padding-left: 16px;
   border-left: 1px solid #f0f0f0;
   display: flex;
-  flex-direction: column; /* 竖向排列图标 */
-  justify-content: center;
+  flex-direction: row; /* 改为横向排列图标更符合习惯 */
   align-items: center;
 }
 
 .action-item {
-    margin-bottom: 15px;
+  padding: 8px;
 }
 
-.action-item:last-child {
-    margin-bottom: 0px;
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-top: 100px;
+}
+
+.empty-icon {
+  font-size: 64px;
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 14px;
+  color: #999;
 }
 
 .footer-btn {
@@ -248,3 +340,4 @@ const selectAddress = (item: Address) => {
   }
 }
 </style>
+