李志伟 3 years ago
parent
commit
b1ff4cf2b4
3 changed files with 19 additions and 6 deletions
  1. 1
    1
      src/pages/IndexImage.vue
  2. 2
    3
      src/pages/Test.vue
  3. 16
    2
      src/pages/signup.vue

+ 1
- 1
src/pages/IndexImage.vue View File

@@ -45,7 +45,7 @@ export default {
45 45
 
46 46
       & > img {
47 47
         width: 100%;
48
-        height: 37vh;
48
+        height: 75.7vw;
49 49
       }
50 50
     }
51 51
   }

+ 2
- 3
src/pages/Test.vue View File

@@ -100,13 +100,12 @@ export default {
100 100
 .index-box {
101 101
   .bg-image {
102 102
     width: 100%;
103
-    height: 100vh;
104 103
     position: absolute;
105 104
   }
106 105
   .body-swiper {
107 106
     position: absolute;
108 107
     width: 100vw;
109
-    top: 47.5vh;
108
+    top:  92vw;
110 109
     &-left {
111 110
       left: 2vw;
112 111
     }
@@ -135,7 +134,7 @@ export default {
135 134
     position: absolute;
136 135
     width: 45vw;
137 136
     left: 27.5vw;
138
-    top: 39vh;
137
+    top: 80vw;
139 138
   }
140 139
 }
141 140
 </style>

+ 16
- 2
src/pages/signup.vue View File

@@ -15,11 +15,11 @@
15 15
       </div>
16 16
       <div class="formItem name">
17 17
         <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
18
-        <input class="duiqi" type="text" placeholder="请输入姓名" v-model="formData.userName" />
18
+        <input class="duiqi" type="text" :placeholder="placeHolderName" v-model="formData.userName" @focus="nameFocus" @blur="nameBlur"/>
19 19
       </div>
20 20
       <div class="formItem phonediv">
21 21
         <label>手&nbsp;机&nbsp;号</label>
22
-        <input class="duiqi" type="text" placeholder="请输入手机号" v-model="formData.phone" />
22
+        <input class="duiqi" type="text" :placeholder="placeHolderPhone" v-model="formData.phone" @focus="phoneFocus" @blur="phoneBlur"/>
23 23
       </div>
24 24
       <div class="formItem intendedProductdiv" @click="showPicker = true">
25 25
         <label>意向产品</label>
@@ -60,6 +60,8 @@ export default {
60 60
       Unchecked: `./images/signup/Unchecked.png`,
61 61
       ischecked: true,
62 62
       showPicker: false,
63
+      placeHolderPhone:'请输入手机号',
64
+      placeHolderName:'请输入姓名',
63 65
       formData: {
64 66
         role: 'user',
65 67
         userName: undefined,
@@ -124,6 +126,18 @@ export default {
124 126
         return false
125 127
       } else return true
126 128
     },
129
+    nameFocus() {
130
+      this.placeHolderName=''
131
+    },
132
+    phoneFocus() {
133
+      this.placeHolderPhone=''
134
+    },
135
+    nameBlur() {
136
+      this.placeHolderName='请输入姓名'
137
+    },
138
+    phoneBlur() {
139
+      this.placeHolderPhone='请输入手机号'
140
+    },
127 141
     sumbit() {
128 142
       if (this.verification()) {
129 143
         const { userName, phone, intendedProduct, address, role } =