.

src/pages/AllPages.vue

   <div class="index-box">
     <img src="../../public/fourBoxes-image/1.jpg" class="bg-image" />
     <div class="index-FourBoxes">
-      <div class="index-FourBoxes-yushi test" :class="{ active: currentItem === 0 }" @click="goPagess(0)">
+      <div class="index-FourBoxes-yushi test" style="margin-bottom:2vw" :class="{ active: currentItem === 0 }" @click="goPagess(0)">
         <img src="../../public/fourBoxes-image/浴室.png" class="Four-image" @transitionend="handleTransitionEnd('yushi')" />
-        <div style=" width: 21vw; position: absolute; left: 13.5vw; top: 36vh;">
+        <div style=" width: 21vw; position: absolute; left: 13.5vw; top: 70vw;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/浴室-2.png" />
         </div>
       </div>
-      <div class="index-FourBoxes-yimao test" :class="{ active: currentItem === 1 }" @click="goPagess(1)">
+      <div class="index-FourBoxes-yimao test" style="margin-bottom:2vw" :class="{ active: currentItem === 1 }" @click="goPagess(1)">
         <img src="../../public/fourBoxes-image/衣帽间.png" class="Four-image" @transitionend="handleTransitionEnd('yimao')" />
-        <div style=" width: 21vw;; position: absolute; right: 13.5vw; top: 36vh;">
+        <div style=" width: 21vw;; position: absolute; right: 13.5vw; top: 70vw;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/衣帽间-2.png" />
         </div>
       </div>
       <div class="index-FourBoxes-keting test" :class="{ active: currentItem === 2 }" @click="goPagess(2)">
         <img src="../../public/fourBoxes-image/客厅.png" @transitionend="handleTransitionEnd('keting')" class="Four-image" />
-        <div style=" width: 21vw;; position: absolute; left: 13.5vw; top: 77vh;">
+        <div style=" width: 21vw;; position: absolute; left: 13.5vw; top: 70vw;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/客厅-2.png" />
         </div>
       </div>
       <div class="index-FourBoxes-yangtai test" :class="{ active: currentItem === 3 }" @click="goPagess(3)">
         <img src="../../public/fourBoxes-image/阳台.png" @transitionend="handleTransitionEnd('yangtai')" class="Four-image" />
-        <div style=" width: 21vw;; position: absolute; right: 13.5vw; top: 77vh;">
+        <div style=" width: 21vw;; position: absolute; right: 13.5vw; top: 70vw;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/阳台-2.png" />
         </div>
       </div>
 <style lang="scss" scoped>
 .index-box {
   width: 100vw;
-  height: 100vh;
   display: flex;
   .bg-image {
     width: 100%;
-    height: 100vh;
     position: absolute;
   }
   .index-FourBoxes {
     position: relative;
-    top: 16vh;
+    top: 29vw;
     width: 98%;
     height: 84%;
     margin: 0 auto;
 
       float: left;
       width: 48%;
-      height: 49%;
+      height: 80vw;
+      position: relative;
       .Four-image {
         width: 100%;
         height: 100%;
     }
     &-yushi,
     &-keting {
-      margin-right: 4px;
+      margin-right: 1vw;
     }
     &-yimao,
     &-yangtai {
-      margin-left: 4px;
+      margin-left: 1vw;
     }
   }
 }

src/pages/index.vue

   background-color: black;
 
   width: 100vw;
-  height: 100vh;
   display: flex;
   align-items: center;
 
   .bth-div {
     position: absolute;
     width: 45vw;
-    bottom: 18vh;
+    top: 143vw;
     display: flex;
     left: 27.5vw;
     align-items: center;

src/pages/resultPage.vue

       class="bgi"
       src="../../public/images/result/resultbgi.jpg"
       width="100%"
-      height="100%"
     />
     <img
       @click="onShare"
 .sharebgi {
   z-index: 100;
   position: absolute;
-  height: 100vh;
+  height: 193vw;
 }
 .share {
   z-index: 3;
   position: absolute;
-  margin: 72vh 0 0 27.5vw;
+  margin: 139vw 0 0 27.5vw;
 }
 </style>

src/pages/signup.vue

       } else if (!this.formData.address) {
         alert('请选择您所在的地区')
         return false
-      } else if (!this.formData.phone.match(/^1[0-9]{10}/)) {
+      } else if (!/^1[0-9]{10}$/.test(this.formData.phone)) {
         alert('请输入正确的手机号哦')
         return false
       } else return true