.

src/pages/IndexImage.vue

 
       & > img {
         width: 100%;
-        height: 37vh;
+        height: 75.7vw;
       }
     }
   }

src/pages/Test.vue

 .index-box {
   .bg-image {
     width: 100%;
-    height: 100vh;
     position: absolute;
   }
   .body-swiper {
     position: absolute;
     width: 100vw;
-    top: 47.5vh;
+    top:  92vw;
     &-left {
       left: 2vw;
     }
     position: absolute;
     width: 45vw;
     left: 27.5vw;
-    top: 39vh;
+    top: 80vw;
   }
 }
 </style>

src/pages/signup.vue

       </div>
       <div class="formItem name">
         <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
-        <input class="duiqi" type="text" placeholder="请输入姓名" v-model="formData.userName" />
+        <input class="duiqi" type="text" :placeholder="placeHolderName" v-model="formData.userName" @focus="nameFocus" @blur="nameBlur"/>
       </div>
       <div class="formItem phonediv">
         <label>手&nbsp;机&nbsp;号</label>
-        <input class="duiqi" type="text" placeholder="请输入手机号" v-model="formData.phone" />
+        <input class="duiqi" type="text" :placeholder="placeHolderPhone" v-model="formData.phone" @focus="phoneFocus" @blur="phoneBlur"/>
       </div>
       <div class="formItem intendedProductdiv" @click="showPicker = true">
         <label>意向产品</label>
       Unchecked: `./images/signup/Unchecked.png`,
       ischecked: true,
       showPicker: false,
+      placeHolderPhone:'请输入手机号',
+      placeHolderName:'请输入姓名',
       formData: {
         role: 'user',
         userName: undefined,
         return false
       } else return true
     },
+    nameFocus() {
+      this.placeHolderName=''
+    },
+    phoneFocus() {
+      this.placeHolderPhone=''
+    },
+    nameBlur() {
+      this.placeHolderName='请输入姓名'
+    },
+    phoneBlur() {
+      this.placeHolderPhone='请输入手机号'
+    },
     sumbit() {
       if (this.verification()) {
         const { userName, phone, intendedProduct, address, role } =