添加地址功能：手机号需要添加正则验证

components/bottom-view/bottom-view.vue

@@ -0,0 +1,22 @@
+<script setup>
+  const props = defineProps()
+</script>
+
+<template>
+  <view class="bottom-view">
+    <slot></slot>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .bottom-view {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 16rpx 24rpx env(safe-area-inset-bottom); /* 关键：适配 iPhone 等安全区域 */
+    background: #fff;
+    box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
+    z-index: 999;
+  }
+</style>

components/nav-bar/nav-bar.vue

@@ -15,10 +15,14 @@
       <!-- 这里是状态栏 -->
     </view>
     <view class="nav-bar-box">
+      <!-- 左侧插槽 -->
       <view @click="onBack">
-        <!-- 返回图标插槽 -->
         <slot name="back"></slot>
       </view>
+      <!-- 右侧插槽 -->
+       <view>
+        <slot name="right"></slot>
+      </view>
     </view>
   </view>
 </template>
@@ -28,6 +32,7 @@
     position: fixed;
     top: 0;
     width: 100%;
+    z-index: 99;
   }
   .status_bar {
     height: var(--status-bar-height);
@@ -36,7 +41,7 @@
 
   .nav-bar-box {
     padding: 0 36rpx;
-    height: 58rpx;
+    height: 44px;
     display: flex;
     align-items: center;
     justify-content: space-between;