优化注册页面以及申请优惠码页面

src/views/discountCode/payCode.vue

@@ -166,7 +166,13 @@ export default {
 @import "./index.less";
 .discountCodePage {
   /deep/ .van-field__button{
-    width: 100px;
+    width: 150px;
+  }
+  .van-field{
+	width:100%;
+	display: flex;
+	align-items: center;//上下对齐
+	justify-content: space-between; 
   }
 }
 </style>

src/views/register.vue

@@ -11,6 +11,7 @@
           :placeholder="$t('register.usernamePlaceholder')"
           :rules="[{ required: true, message: $t('register.usernameRequired') }]"
         />
+		<br>
         <van-field
           v-model="name"
           name="name"
@@ -18,6 +19,7 @@
           :placeholder="$t('register.namePlaceholder')"
           :rules="[{ required: true, message: $t('register.nameRequired') }]"
         />
+		<br>
         <van-field
           v-model="password"
           name="password"
@@ -26,6 +28,7 @@
           :placeholder="$t('register.passwordPlaceholder')"
           :rules="[{ required: true, message: $t('register.passwordRequired') }]"
         />
+		<br>
         <van-field
           v-model="passwordCheck"
           name="passwordCheck"
@@ -34,6 +37,7 @@
           :placeholder="$t('register.passwordCheckPlaceholder')"
           :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]"
         />
+		<br>
         <div class="van-cell van-field">
           <div class="van-cell__title van-field__label"><span>{{$t('register.country')}}</span></div>
           <div class="van-cell__value van-field__value radioBox">
@@ -44,6 +48,7 @@
           </div>
         </div>
         <van-field
+		  v-if="ifForeign === '0'"
           v-model="phone"
           name="phone"
           type="tel"
@@ -55,6 +60,7 @@
             <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
           </template>
         </van-field>
+		<br v-if="ifForeign === '0'">
         <van-field
           v-if="ifForeign === '0'"
           v-model="code"
@@ -63,7 +69,9 @@
           :placeholder="$t('register.codePlaceholder')"
           :rules="[{ required: true, message: $t('register.codeRequired') }]"
         />
+		<br v-if="ifForeign === '0'">
         <van-field
+		  v-if="ifForeign === '1'"
           v-model="email"
           name="email"
           :label="$t('register.emailLabel')"
@@ -74,6 +82,7 @@
             <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
           </template>
         </van-field>
+		<br v-if="ifForeign === '1'">
         <van-field
           v-if="ifForeign === '1'"
           v-model="code"
@@ -81,7 +90,8 @@
           :label="$t('register.emailCodeLabel')"
           :placeholder="$t('register.emailCodePlaceholder')"
           :rules="[{ required: true, message: $t('register.emailCodeRequired') }]"
-        />
+        /> 
+		<br v-if="ifForeign === '1'">
         <van-button round type="primary" class="register" native-type="submit">{{$t('register.registerButton')}}</van-button>
       </van-form>
     </div>