第三步切换按钮

components/register-saler/register/StepThird.vue

@@ -5,6 +5,18 @@
       <h4 class="h4">免费开店</h4>
       <p class="title">申请开店完全免费，一个企业只能开一家店，申请到正式开通预计需1-3个工作日。了解更多请看《开店规则》</p>
     </div>
+    <p class="radioCheck">
+      <label for="buyer01" class="radioLabel">
+        <input type="radio" name="role" value="buyer" id="buyer01"/>
+        <label for="buyer01" class="txtContact"></label>
+        <span>我是买家</span>
+      </label>
+      <label for="buyer02" class="radioLabel">
+        <input type="radio" name="role" value="seller" id="buyer02" checked/>
+        <label for="buyer02" class="txtContact"></label>
+        <span>我是卖家</span>
+      </label>
+    </p>
     <!--导入店铺模板-->
     <div class="container vendor_store_apply">
         <div>
@@ -976,4 +988,37 @@
     display: block;
     left: 14px;
   }
+  /*
+  radio
+  */
+  p.radioLabel{
+    margin-bottom: 10px;
+  }
+  .radioLabel {
+    line-height: 20px;
+    cursor: pointer;
+    color: #666;
+  }
+  .radioLabel label{
+    width: 16px;
+    height: 16px;
+    background: url("/images/messageBoard/radio.png");
+    background-position: 0 -1px;
+    margin-right: 2px;
+    vertical-align: middle;
+    margin-bottom: 0 !important;
+    margin-right: 0 !important;
+  }
+  .radioLabel input[type="radio"]:checked + label {
+    background-position: -19px -1px;
+  }
+  .radioLabel input[type="radio"] + label + span {
+    margin-left: 5px;
+  }
+  .radioLabel input[type="radio"]:checked + label + span{
+    color: #5078cb;
+  }
+  .radioLabel input[type="radio"]{
+    display: none;
+  }
 </style>