Baozhangchao 3 lat temu
rodzic
commit
96566e54c2
1 zmienionych plików z 12 dodań i 12 usunięć
  1. 12
    12
      src/pages/signup.vue

+ 12
- 12
src/pages/signup.vue Wyświetl plik

@@ -3,18 +3,18 @@
3 3
     <img class="bgi" src="../../public/images/signup/bgi.jpg" width="100%" />
4 4
     <div class="form">
5 5
       <div class="formItem">
6
-        <label>身&nbsp;&nbsp;&nbsp;&nbsp;份</label>
7
-        <div style="margin: 0 10vw 0 20vw; display: inline" @click="handleUser">
8
-          <img class="checkedImg" :src="ischecked ? checked : Unchecked" />
9
-          <label for="huey">用户</label>
10
-        </div>
11
-        <div style="display: inline" @click="handleDesigner">
6
+        <label>身&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份</label>
7
+        <div style="float: right;margin-right: 3vw;" @click="handleDesigner">
12 8
           <img class="checkedImg" :src="ischecked ? Unchecked : checked" />
13 9
           <label for="dewey">设计师</label>
14 10
         </div>
11
+        <div style="float: right;margin-right: 7vw;" @click="handleUser">
12
+          <img class="checkedImg" :src="ischecked ? checked : Unchecked" />
13
+          <label for="huey">用户</label>
14
+        </div>
15 15
       </div>
16 16
       <div class="formItem name">
17
-        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;名</label>
17
+        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
18 18
         <input class="userName" type="text" placeholder="请输入姓名" v-model="formData.userName" />
19 19
       </div>
20 20
       <div class="formItem phonediv">
@@ -147,7 +147,7 @@ export default {
147 147
 }
148 148
 .formItem {
149 149
   position: absolute;
150
-  width: 80vw;
150
+  width: 82vw;
151 151
   margin: 6vw;
152 152
   padding: 3vw;
153 153
   text-align: left;
@@ -163,7 +163,7 @@ export default {
163 163
   margin-top: 23%;
164 164
 }
165 165
 .userName {
166
-  width: 80%;
166
+  width: 74%;
167 167
   background-color: #212226;
168 168
   outline: none;
169 169
   border: none;
@@ -177,7 +177,7 @@ export default {
177 177
   margin-top: 40%;
178 178
 }
179 179
 .phone {
180
-  width: 79%;
180
+  width: 74%;
181 181
   background-color: #212226;
182 182
   outline: none;
183 183
   border: none;
@@ -191,7 +191,7 @@ export default {
191 191
   margin-top: 57%;
192 192
 }
193 193
 .intendedProduct {
194
-  width: 77%;
194
+  width: 73%;
195 195
   background-color: #212226;
196 196
   outline: none;
197 197
   border: none;
@@ -205,7 +205,7 @@ export default {
205 205
   margin-top: 74%;
206 206
 }
207 207
 .address {
208
-  width: 77%;
208
+  width: 72%;
209 209
   background-color: #212226;
210 210
   outline: none;
211 211
   border: none;