代码提交

pages/address/address.vue

@@ -1,11 +1,9 @@
 <template>
   <layout>
-    <uv-navbar
-        :fixed="false"
-        :title="title"
-        left-arrow
-        @leftClick="goBack"
-    />
+
+    <Header>
+      {{ title }}
+    </Header>
 
     <view class="addressList">
       <template v-if=" main.address.length>0">
@@ -65,16 +63,18 @@
         您还没有新增地址~
       </Empty>
     </view>
-    <div class="form-buttons">
-      <uv-button
-          round
-          block
-          type="primary"
-          @tap="goCreateAddress"
-      >
-        新增地址
-      </uv-button>
-    </div>
+    <view class="form-buttons">
+      <view class="btn">
+        <uv-button
+            round
+            block
+            type="primary"
+            @tap="goCreateAddress"
+        >
+          新增地址
+        </uv-button>
+      </view>
+    </view>
 
   </layout>
 </template>
@@ -87,6 +87,7 @@ import Empty from '@/components/Empty/index.vue'
 import emptyIcon from '@/static/icon/empty/地址.png'
 import { getAddressDel, } from '@/api/address'
 import { useRouter } from "@/hooks/useRouter";
+import Header from "@/components/Header/index.vue"
 
 const {push, goBack} = useRouter()
 
@@ -156,6 +157,8 @@ onLoad((option) => {
 })
 
 
+
+
 const handleAddressClick = async ({index}, data) => {
   if (index == 0) {
     uni.showModal({
@@ -302,12 +305,13 @@ const handleAddressClick = async ({index}, data) => {
   padding: 0;
 }
 
-.form-buttons :deep(.uv-button) {
+.form-buttons .btn {
   width: 90%;
   margin: 0 auto;
 }
 
 .address-default :deep(.uv-tags) {
   justify-content: center;
+  white-space: nowrap;
 }
 </style>