naime

src/pages/signup.vue

     <img class="bgi" src="../../public/images/signup/bgi.jpg" width="100%" />
     <div class="form">
       <div class="formItem">
-        <label>身&nbsp;&nbsp;&nbsp;&nbsp;份</label>
-        <div style="margin: 0 10vw 0 20vw; display: inline" @click="handleUser">
-          <img class="checkedImg" :src="ischecked ? checked : Unchecked" />
-          <label for="huey">用户</label>
-        </div>
-        <div style="display: inline" @click="handleDesigner">
+        <label>身&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份</label>
+        <div style="float: right;margin-right: 3vw;" @click="handleDesigner">
           <img class="checkedImg" :src="ischecked ? Unchecked : checked" />
           <label for="dewey">设计师</label>
         </div>
+        <div style="float: right;margin-right: 7vw;" @click="handleUser">
+          <img class="checkedImg" :src="ischecked ? checked : Unchecked" />
+          <label for="huey">用户</label>
+        </div>
       </div>
       <div class="formItem name">
-        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;名</label>
+        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
         <input class="userName" type="text" placeholder="请输入姓名" v-model="formData.userName" />
       </div>
       <div class="formItem phonediv">
 }
 .formItem {
   position: absolute;
-  width: 80vw;
+  width: 82vw;
   margin: 6vw;
   padding: 3vw;
   text-align: left;
   margin-top: 23%;
 }
 .userName {
-  width: 80%;
+  width: 74%;
   background-color: #212226;
   outline: none;
   border: none;
   margin-top: 40%;
 }
 .phone {
-  width: 79%;
+  width: 74%;
   background-color: #212226;
   outline: none;
   border: none;
   margin-top: 57%;
 }
 .intendedProduct {
-  width: 77%;
+  width: 73%;
   background-color: #212226;
   outline: none;
   border: none;
   margin-top: 74%;
 }
 .address {
-  width: 77%;
+  width: 72%;
   background-color: #212226;
   outline: none;
   border: none;