From 10fd177322a172441b21aa8760378256ef4b41e7 Mon Sep 17 00:00:00 2001
From: jqtmviyu <jqtmviyu@gmail.com>
Date: Fri, 2 May 2025 17:42:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E5=9C=B0=E5=9D=80=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=97=B6=E5=BA=94=E8=AF=A5=E4=BD=BF=E7=94=A8code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pagesMember/address/address.vue | 160 +++++++++++++++++++++++++++-
 1 file changed, 157 insertions(+), 3 deletions(-)

diff --git a/src/pagesMember/address/address.vue b/src/pagesMember/address/address.vue
index 0f05ffb..c20dd9b 100644
--- a/src/pagesMember/address/address.vue
+++ b/src/pagesMember/address/address.vue
@@ -1,7 +1,161 @@
 <template>
-  <view class="address">address</view>
+  <view class="viewport">
+    <!-- 地址列表 -->
+    <scroll-view class="scroll-view" scroll-y>
+      <view v-if="true" class="address">
+        <view class="address-list">
+          <!-- 收货地址项 -->
+          <view class="item">
+            <view class="item-content">
+              <view class="user">
+                黑马小王子
+                <text class="contact">13111111111</text>
+                <text v-if="true" class="badge">默认</text>
+              </view>
+              <view class="locate">广东省 广州市 天河区 黑马程序员</view>
+              <navigator
+                class="edit"
+                hover-class="none"
+                :url="`/pagesMember/address/address-form?id=1`"
+              >
+                修改
+              </navigator>
+            </view>
+          </view>
+          <!-- 收货地址项 -->
+          <view class="item">
+            <view class="item-content">
+              <view class="user">
+                黑马小公主
+                <text class="contact">13222222222</text>
+                <text v-if="false" class="badge">默认</text>
+              </view>
+              <view class="locate">北京市 北京市 顺义区 黑马程序员</view>
+              <navigator
+                class="edit"
+                hover-class="none"
+                :url="`/pagesMember/address/address-form?id=2`"
+              >
+                修改
+              </navigator>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view v-else class="blank">暂无收货地址</view>
+    </scroll-view>
+    <!-- 添加按钮 -->
+    <view class="add-btn">
+      <navigator hover-class="none" url="/pagesMember/address/address-form"> 新建地址 </navigator>
+    </view>
+  </view>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+//
+</script>
 
-<style lang="scss"></style>
+<style lang="scss">
+page {
+  height: 100%;
+  overflow: hidden;
+}
+
+/* 删除按钮 */
+.delete-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 50px;
+  height: 100%;
+  font-size: 28rpx;
+  color: #fff;
+  border-radius: 0;
+  padding: 0;
+  background-color: #cf4444;
+}
+
+.viewport {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: #f4f4f4;
+
+  .scroll-view {
+    padding-top: 20rpx;
+  }
+}
+
+.address {
+  padding: 0 20rpx;
+  margin: 0 20rpx;
+  border-radius: 10rpx;
+  background-color: #fff;
+
+  .item-content {
+    line-height: 1;
+    padding: 40rpx 10rpx 38rpx;
+    border-bottom: 1rpx solid #ddd;
+    position: relative;
+
+    .edit {
+      position: absolute;
+      top: 36rpx;
+      right: 30rpx;
+      padding: 2rpx 0 2rpx 20rpx;
+      border-left: 1rpx solid #666;
+      font-size: 26rpx;
+      color: #666;
+      line-height: 1;
+    }
+  }
+
+  .item:last-child .item-content {
+    border: none;
+  }
+
+  .user {
+    font-size: 28rpx;
+    margin-bottom: 20rpx;
+    color: #333;
+
+    .contact {
+      color: #666;
+    }
+
+    .badge {
+      display: inline-block;
+      padding: 4rpx 10rpx 2rpx 14rpx;
+      margin: 2rpx 0 0 10rpx;
+      font-size: 26rpx;
+      color: #27ba9b;
+      border-radius: 6rpx;
+      border: 1rpx solid #27ba9b;
+    }
+  }
+
+  .locate {
+    line-height: 1.6;
+    font-size: 26rpx;
+    color: #333;
+  }
+}
+
+.blank {
+  margin-top: 300rpx;
+  text-align: center;
+  font-size: 32rpx;
+  color: #888;
+}
+
+.add-btn {
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+  margin: 30rpx 20rpx;
+  color: #fff;
+  border-radius: 80rpx;
+  font-size: 30rpx;
+  background-color: #27ba9b;
+}
+</style>