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>