Explorar el Código

样式更新以及优化优惠码导出功能

soobin hace 2 años
padre
commit
f2fbeb6b39

+ 2 - 1
src/assets/language/zh.json

@@ -1045,10 +1045,11 @@
     "emailChina": "国内邮箱",
     "emailAbroad": "海外邮箱",
     "phoneWordSpan": "输入注册时的手机号",
+    "emailWordSpanChina": "输入注册时的国内邮箱",
     "phoneLabel": "手机号码",
     "phonePlaceholder": "请输入手机号码",
     "phoneRequired": "请输入手机号码",
-    "emailWordSpan": "输入注册时的邮箱",
+    "emailWordSpan": "输入注册时的海外账户邮箱",
     "emailLabel": "邮箱",
     "emailPlaceholder": "请输入邮箱",
     "emailRequired": "请输入邮箱",

+ 4 - 4
src/views/discountCode/codeSearch.vue

@@ -104,10 +104,10 @@ export default {
     const onSubmit = () => {
       const searchParam = {};
       if (code.value !== '') { searchParam.code = code.value; }
-      if (createStratDate.value !== '') { searchParam.createStratDate = dateUtil.formateDate(new Date(createStratDate.value), "dd/MM/yyyy hh:mm:ss"); }
-      if (createEndDate.value !== '') { searchParam.createEndDate = dateUtil.formateDate(new Date(createEndDate.value), "dd/MM/yyyy hh:mm:ss"); }
-      if (useStratDate.value !== '') { searchParam.useStratDate = dateUtil.formateDate(new Date(useStratDate.value), "dd/MM/yyyy hh:mm:ss"); }
-      if (useEndDate.value !== '') { searchParam.useEndDate = dateUtil.formateDate(new Date(useEndDate.value), "dd/MM/yyyy hh:mm:ss"); }
+      if (createStratDate.value !== '') { searchParam.createStratDate = dateUtil.formateDate(new Date(createStratDate.value), "yyyy/MM/dd hh:mm:ss"); }
+      if (createEndDate.value !== '') { searchParam.createEndDate = dateUtil.formateDate(new Date(createEndDate.value), "yyyy/MM/dd hh:mm:ss"); }
+      if (useStratDate.value !== '') { searchParam.useStratDate = dateUtil.formateDate(new Date(useStratDate.value), "yyyy/MM/dd hh:mm:ss"); }
+      if (useEndDate.value !== '') { searchParam.useEndDate = dateUtil.formateDate(new Date(useEndDate.value), "yyyy/MM/dd hh:mm:ss"); }
       context.emit('search', searchParam);
       sheetShow.value = false;
     }

+ 1 - 0
src/views/discountCode/index.vue

@@ -124,6 +124,7 @@ export default {
     const showDateTime = (date) => { return date ? dateUtil.formateDate(new Date(date), "yyyy-MM-dd hh:mm:ss") : ''; }
     // 优惠码导出
     const exportClick = async () => {
+      searchParams.size = 1000;
       const { headers, data } = await discountCodeExport(Object.assign({}, searchParams));
       $M_ExportFile(data, headers);
     }

+ 27 - 160
src/views/forgetPassword.vue

@@ -4,70 +4,42 @@
     <s-header :name="$t('forgetPassword.header')" :noback="false"></s-header>
     <div class="forgetPasswordFormBox">
       <van-form @submit="forgetPasswordSubmit">
-        <van-field
-          v-model="username"
-          name="username"
-          :placeholder="$t('forgetPassword.usernamePlaceholder')"
-          :rules="[{ required: true, message: $t('forgetPassword.usernameRequired') }]"
-        />
-        <span class="info2">{{$t('forgetPassword.selectForgetPassword')}}</span>
+        <van-field v-model="username" name="username" :placeholder="$t('forgetPassword.usernamePlaceholder')"
+          :rules="[{ required: true, message: $t('forgetPassword.usernameRequired') }]" />
+        <span class="word1">{{ $t('forgetPassword.selectForgetPassword') }}</span>
         <div class="van-cell van-field">
-          
           <div class="van-cell__value van-field__value radioBox">
             <van-radio-group v-model="ifForeign" direction="horizontal">
-              <van-radio name="0" icon-size="18px">{{$t('forgetPassword.phone')}}</van-radio>
-              <van-radio name="2" icon-size="18px">{{$t('forgetPassword.emailChina')}}</van-radio>
-              <van-radio name="1" icon-size="18px">{{$t('forgetPassword.emailAbroad')}}</van-radio>
+              <van-radio name="0" icon-size="18px">{{ $t('forgetPassword.phone') }}</van-radio>
+              <van-radio name="2" icon-size="18px">{{ $t('forgetPassword.emailChina') }}</van-radio>
+              <van-radio name="1" icon-size="18px">{{ $t('forgetPassword.emailAbroad') }}</van-radio>
             </van-radio-group>
           </div>
         </div>
         <div v-if="ifForeign === '0'">
-          <span class="word2">{{$t('forgetPassword.phoneWordSpan')}}</span>
-          <van-field
-            v-model="phone"
-            name="phone"
-            type="tel"
-            :placeholder="$t('forgetPassword.phonePlaceholder')"
-            :rules="[{ required: true, message: $t('forgetPassword.phoneRequired') }]"
-          >
-            <template #button>
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('forgetPassword.seedVerCode') : time + '秒后可重发'}}</van-button>
-            </template>
-          </van-field>
+          <span class="word2">{{ $t('forgetPassword.phoneWordSpan') }}</span>
+          <van-field v-model="phone" name="phone" type="tel" :placeholder="$t('forgetPassword.phonePlaceholder')"
+            :rules="[{ required: true, message: $t('forgetPassword.phoneRequired') }]" />
         </div>
         <div v-if="ifForeign === '2'">
-          <span class="word2">{{$t('forgetPassword.emailWordSpanChina')}}</span>
-          <van-field
-              v-model="email"
-              name="email"
-              :placeholder="$t('forgetPassword.emailPlaceholder')"
-              :rules="[{ required: true, message: $t('forgetPassword.emailRequired') }]"
-          >
-            <template #button>
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('forgetPassword.seedVerCode') : time + '秒后可重发'}}</van-button>
-            </template>
-          </van-field>
+          <span class="word2">{{ $t('forgetPassword.emailWordSpanChina') }}</span>
+          <van-field v-model="email" name="email" :placeholder="$t('forgetPassword.emailPlaceholder')"
+            :rules="[{ required: true, message: $t('forgetPassword.emailRequired') }]" />
         </div>
         <div v-if="ifForeign === '1'">
-          <span class="word2">{{$t('forgetPassword.emailWordSpan')}}</span>
-          <van-field
-            v-model="email"
-            name="email"
-            :placeholder="$t('forgetPassword.emailPlaceholder')"
-            :rules="[{ required: true, message: $t('forgetPassword.emailRequired') }]"
-          >
-            <template #button>
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('forgetPassword.seedVerCode') : time + '秒后可重发'}}</van-button>
-            </template>
-          </van-field>
+          <span class="word2">{{ $t('forgetPassword.emailWordSpan') }}</span>
+          <van-field v-model="email" name="email" :placeholder="$t('forgetPassword.emailPlaceholder')"
+            :rules="[{ required: true, message: $t('forgetPassword.emailRequired') }]" />
         </div>
-        <van-field
-          v-model="code"
-          name="code"
-          :placeholder="$t('forgetPassword.codePlaceholder')"
-          :rules="[{ required: true, message: $t('forgetPassword.codeRequired') }]"
-        />
-        <van-button round type="primary" class="register" native-type="submit">{{$t('forgetPassword.registerButton')}}</van-button>
+        <van-field v-model="code" name="code" :placeholder="$t('forgetPassword.codePlaceholder')"
+          :rules="[{ required: true, message: $t('forgetPassword.codeRequired') }]">
+          <template #button>
+            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+              $t('forgetPassword.seedVerCode') : time + '秒后可重发' }}</van-button>
+          </template>
+        </van-field>
+        <van-button round type="primary" class="register" native-type="submit">{{ $t('forgetPassword.registerButton')
+        }}</van-button>
       </van-form>
     </div>
   </div>
@@ -76,7 +48,7 @@
 <script>
 import { ref, reactive, toRefs, onMounted } from 'vue';
 import { Toast } from 'vant';
-import { setLocal, getLocal } from '@/common/js/utils';
+import { setLocal, getLocal, styleUrl } from '@/common/js/utils';
 import sHeader from "@/components/SimpleHeader";
 import { useRouter } from "vue-router";
 import { sentForgetCode, checkForgetCode } from '@/service/forgetPassword';
@@ -120,7 +92,7 @@ export default {
       });
       if (data.code === '00000') {
         Toast('校验成功');
-        router.push({ path: '/changepassword', query:{name: username.value} });
+        router.push({ path: '/changepassword', query: { name: username.value } });
       } else {
         Toast.fail(data.message);
       }
@@ -128,6 +100,7 @@ export default {
 
     // 初始化页面获取验证码倒计时
     onMounted(async () => {
+      styleUrl('forgetPassword');
       verCodeTime.time = getLocal('forgetVerCodeTime');
       if (verCodeTime.time && verCodeTime.time !== '') {
         verCodeTime.time = parseInt(verCodeTime.time);
@@ -152,110 +125,4 @@ export default {
 
 <style lang="less" scoped>
 @import "../common/style/mixin";
-.forgetPassword {
-  .forgetPasswordFormBox {
-    width: 313px;
-    margin: 0 auto;
-    text-align: center;
-    .van-form {
-      .van-cell {
-        width: 313px;
-        height: 38px;
-        background-color: rgba(255, 255, 255, 1);
-        padding: 0;
-        color: rgba(168, 168, 197, 1);
-        font-size: 13px;
-        margin: 0 auto;
-        margin-top: 20px;
-        overflow: visible;
-        &::after { display: none;}
-		.van-field__button button { background-color: #8096ec; color: #fff; }
-        /deep/.van-field__control {
-          height: 38px;
-          line-height: 38px;
-          padding: 6px;
-          border-radius: 2px;
-          border: 0.5px solid rgba(185, 186, 208, 1);
-          &:-internal-autofill-previewed,
-          &:-internal-autofill-selected {
-            -webkit-text-fill-color: #323233 !important;
-            transition: background-color 5000s ease-in-out 0s !important;
-          }
-        }
-        .van-field__control::-webkit-input-placeholder {
-          color: rgba(168, 168, 197, 1);
-        }
-        .van-cell__value { width: 100%; flex: 0 auto; }
-        .van-field__label {
-          height: 38px;
-          line-height: 38px;
-          width: 5em;
-        }
-        .radioBox {
-          display: flex;
-          .van-radio-group--horizontal {
-            width: 100%;
-            justify-content: space-around;
-          }
-          .van-radio { overflow: visible; }
-          .van-radio__icon {
-            font-size: 13px;
-            .van-icon {
-              width: 12px;
-              height: 12px;
-              border-color: #4d6add;
-            }
-          }
-          .van-radio__label { line-height: 13px; }
-          .van-radio__icon--checked .van-icon-success{
-            border-color: #4d6add;
-            background: #4d6add;
-          }
-          .van-radio__icon--checked .van-icon-success::before {
-            content: '';
-            background: #fff;
-            width: 40%;
-            height: 40%;
-            position: absolute;
-            top: 30%;
-            left: 30%;
-            border-radius: 100%;
-          }
-          .van-radio__icon--checked + .van-radio__label { color: #4d6add; }
-        }
-      }
-    }
-    .info2 {
-      height: 13px;
-      overflow-wrap: break-word;
-      color: rgba(64, 77, 116, 1);
-      font-size: 13px;
-      text-align: left;
-      white-space: nowrap;
-      line-height: 13px;
-      display: block;
-      margin: 34px 0 0 0;
-    }
-    .word2 {
-      height: 13px;
-      overflow-wrap: break-word;
-      color: rgba(64, 77, 116, 1);
-      font-size: 13px;
-      text-align: left;
-      white-space: nowrap;
-      line-height: 13px;
-      display: block;
-      margin: 14px 0 0 0;
-    }
-    .register {
-      background-color: rgba(77, 106, 221, 1);
-      border-radius: 17px;
-      height: 34px;
-      width: 220px;
-      margin-top: 60px;
-      font-size: 15px;
-      font-family: PingFangSC-Medium;
-    }
-  }
-}
 </style>

+ 60 - 185
src/views/register.vue

@@ -5,21 +5,20 @@
     <div class="registerFormBox">
       <van-form @submit="registerSubmit">
         <van-field v-model="username" name="username" :label="$t('register.usernameLabel')"
-                   :placeholder="$t('register.usernamePlaceholder')"
-                   :rules="[{ required: true, message: $t('register.usernameRequired') }]"/>
+          :placeholder="$t('register.usernamePlaceholder')"
+          :rules="[{ required: true, message: $t('register.usernameRequired') }]" />
         <br>
         <van-field v-model="name" name="name" :label="$t('register.nameLabel')"
-                   :placeholder="$t('register.namePlaceholder')"
-                   :rules="[{ required: true, message: $t('register.nameRequired') }]"/>
+          :placeholder="$t('register.namePlaceholder')"
+          :rules="[{ required: true, message: $t('register.nameRequired') }]" />
         <br>
         <van-field v-model="password" name="password" type="password" :label="$t('register.passwordLabel')"
-                   :placeholder="$t('register.passwordPlaceholder')"
-                   :rules="[{ required: true, message: $t('register.passwordRequired') }]"/>
+          :placeholder="$t('register.passwordPlaceholder')"
+          :rules="[{ required: true, message: $t('register.passwordRequired') }]" />
         <br>
-        <van-field v-model="passwordCheck" name="passwordCheck" type="password"
-                   :label="$t('register.passwordCheckLabel')"
-                   :placeholder="$t('register.passwordCheckPlaceholder')"
-                   :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]"/>
+        <van-field v-model="passwordCheck" name="passwordCheck" type="password" :label="$t('register.passwordCheckLabel')"
+          :placeholder="$t('register.passwordCheckPlaceholder')"
+          :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]" />
         <br>
         <!-- 国家或地区 -->
         <div class="van-cell van-field">
@@ -36,83 +35,77 @@
           <div class="van-cell van-field">
             <div class="van-cell__title van-field__label"><span>{{ $t('register.logonMode') }}</span></div>
             <div class="van-cell__value van-field__value radioBox">
-              <van-radio-group v-model="logonMode" direction="horizontal">
+              <van-radio-group class="o-pr-18" v-model="logonMode" direction="horizontal">
                 <van-radio name="10" icon-size="18px" :value="0">{{ $t('register.phoneRegistration') }}</van-radio>
                 <van-radio name="11" icon-size="18px" :value="1">{{ $t('register.emailRegistration') }}</van-radio>
               </van-radio-group>
             </div>
           </div>
           <!-- 国内手机 -->
-          <van-field v-if="logonMode === '10'" v-model="phone" name="phone" type="tel"
-                     :label="$t('register.phoneLabel')"
-                     :placeholder="$t('register.phonePlaceholder')"
-                     :rules="[{ required: ifForeign === '0' && logonMode === '10', message: $t('register.phoneRequired') }]"
-          >
+          <van-field v-if="logonMode === '10'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
+            :placeholder="$t('register.phonePlaceholder')"
+            :rules="[{ required: ifForeign === '0' && logonMode === '10', message: $t('register.phoneRequired') }]" />
+          <br v-if="ifForeign === '0' && logonMode === '10'">
+          <!-- 短信验证码 -->
+          <van-field v-if="logonMode === '10'" v-model="code" name="code" :label="$t('register.codeLabel')"
+            :placeholder="$t('register.codePlaceholder')"
+            :rules="[{ required: true, message: $t('register.codeRequired') }]">
             <template #button v-if="ifForeign === '0' && logonMode === '10'">
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0 || phone.length === 0">{{
+              <van-button size="small" type="primary" @click="seedVerCode()"
+                :disabled="time !== 0 || phone.length === 0">{{
                   time === 0 ?
-                      $t('register.seedVerCode') : time + $t('register.replaysInSeconds')
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds')
                 }}
               </van-button>
             </template>
           </van-field>
-          <br v-if="ifForeign === '0' && logonMode === '10'">
-          <!-- 短信验证码 -->
-          <van-field v-if="logonMode === '10'" v-model="code" name="code" :label="$t('register.codeLabel')"
-                     :placeholder="$t('register.codePlaceholder')"
-                     :rules="[{ required: true, message: $t('register.codeRequired') }]"/>
           <!-- 国内邮箱 -->
-          <van-field v-if="logonMode === '11'" v-model="email" name="email"
-                     :label="$t('register.emailLabel')"
-                     :placeholder="$t('register.emailPlaceholder')"
-                     :rules="[
-                       { required: ifForeign === '0' && logonMode === '11', message: $t('register.emailRequired') },
-                       { pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '邮箱格式错误!'}
-                     ]"
-                    :minlength="3"
-                    :maxlength="20"
-          >
+          <van-field v-if="logonMode === '11'" v-model="email" name="email" :label="$t('register.emailLabel')"
+            :placeholder="$t('register.emailPlaceholder')" :rules="[
+              { required: ifForeign === '0' && logonMode === '11', message: $t('register.emailRequired') },
+              { pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '邮箱格式错误!' }
+            ]" :minlength="3" :maxlength="20">
+          </van-field>
+          <br v-if="ifForeign === '0' && logonMode === '11'">
+          <!-- 国内邮箱验证码 -->
+          <van-field v-if="logonMode === '11'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
+            :placeholder="$t('register.emailCodePlaceholder')"
+            :rules="[{ required: true, message: $t('register.emailCodeRequired') }]">
             <template #button v-if="ifForeign === '0' && logonMode === '11'">
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0 || email.length === 0">{{
+              <van-button size="small" type="primary" @click="seedVerCode()"
+                :disabled="time !== 0 || email.length === 0">{{
                   time === 0 ?
-                      $t('register.seedVerCode') : time + $t('register.replaysInSeconds')
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds')
                 }}
               </van-button>
             </template>
           </van-field>
-          <br v-if="ifForeign === '0' && logonMode === '11'">
-          <!-- 国内邮箱验证码 -->
-          <van-field v-if="logonMode === '11'" v-model="code" name="code"
-                     :label="$t('register.emailCodeLabel')"
-                     :placeholder="$t('register.emailCodePlaceholder')"
-                     :rules="[{ required: true, message: $t('register.emailCodeRequired') }]"/>
         </div>
         <!-- 海外 -->
         <div v-if="ifForeign === '1'">
           <!-- 海外邮箱 -->
-          <van-field v-if="ifForeign === '1'" v-model="email" name="email"
-                     :label="$t('register.emailLabel')"
-                     :placeholder="$t('register.emailPlaceholder')"
-                     :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]"
-          >
+          <van-field v-if="ifForeign === '1'" v-model="email" name="email" :label="$t('register.emailLabel')"
+            :placeholder="$t('register.emailPlaceholder')"
+            :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]" />
+          <br v-if="ifForeign === '1'">
+          <!-- 海外邮箱验证码 -->
+          <van-field v-if="ifForeign === '1'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
+            :placeholder="$t('register.emailCodePlaceholder')"
+            :rules="[{ required: true, message: $t('register.emailCodeRequired') }]">
             <template #button v-if="ifForeign === '1'">
-              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0 || email.length === 0">{{
+              <van-button size="small" type="primary" @click="seedVerCode()"
+                :disabled="time !== 0 || email.length === 0">{{
                   time === 0 ?
-                      $t('register.seedVerCode') : time + $t('register.replaysInSeconds')
+                  $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" name="code" :label="$t('register.emailCodeLabel')"
-                     :placeholder="$t('register.emailCodePlaceholder')"
-                     :rules="[{ required: true, message: $t('register.emailCodeRequired') }]"/>
         </div>
         <!-- 提交验证信息 -->
         <van-button round type="primary" class="register" native-type="submit">{{
-            $t('register.registerButton')
-          }}
+          $t('register.registerButton')
+        }}
         </van-button>
       </van-form>
     </div>
@@ -120,13 +113,13 @@
 </template>
 <script>
 import md5 from 'js-md5';
-import {ref, onMounted, reactive, toRefs} from 'vue';
-import {Toast} from 'vant';
-import {sentRegisterCode, tAdminSave} from '@/service/register';
+import { ref, onMounted, reactive, toRefs } from 'vue';
+import { Toast } from 'vant';
+import { sentRegisterCode, tAdminSave } from '@/service/register';
 import sHeader from '@/components/SimpleHeader';
 import logiLogoImgUrl from "@/assets/login/logo.png";
-import {useRouter} from 'vue-router';
-import {getLocal, setLocal, styleUrl} from '@/common/js/utils';
+import { useRouter } from 'vue-router';
+import { getLocal, setLocal, styleUrl } from '@/common/js/utils';
 
 
 export default {
@@ -154,18 +147,19 @@ export default {
         Toast.fail('两次密码不一致,请确认密码');
         return false;
       }
-      const {data} = await tAdminSave({
+      const { data } = await tAdminSave({
         username: username.value,
         name: name.value,
         password: md5(password.value),
         ifForeign: ifForeign.value,
         phone: phone.value,
         email: email.value,
-        code: code.value
+        code: code.value,
+        companyType: '0',
       });
       if (data.code === '00000') {
         Toast('注册成功');
-        router.push({path: '/login'});
+        router.push({ path: '/login' });
       } else {
         Toast.fail(data.message);
       }
@@ -181,7 +175,7 @@ export default {
       } else {
         phoneOrEmail = email.value;
       }
-      const {data} = await sentRegisterCode({
+      const { data } = await sentRegisterCode({
         ifForeign: ifForeign.value,
         phoneOrEmail: phoneOrEmail
       });
@@ -221,8 +215,8 @@ export default {
     });
 
     const signOptions = [
-      {text: '手机注册', value: "mo"},
-      {text: '邮箱注册', value: "ema"}
+      { text: '手机注册', value: "mo" },
+      { text: '邮箱注册', value: "ema" }
     ]
     const option1 = [
       {
@@ -269,123 +263,4 @@ export default {
 </script>
 <style lang="less" scoped>
 @import '../common/style/mixin';
-
-.registerPage {
-  .registerFormBox {
-    width: 100%;
-    margin-top: 38px;
-    text-align: center;
-
-    /deep/ .van-form {
-      .van-cell {
-        width: 90%;
-        height: 38px;
-        background-color: rgba(255, 255, 255, 1);
-        padding: 0;
-        color: rgba(168, 168, 197, 1);
-        font-size: 13px;
-        margin: 0 auto;
-        margin-top: 10px;
-        overflow: visible;
-
-        &::after {
-          display: none;
-        }
-
-        .van-field__button button {
-          background-color: #8096ec;
-          color: #fff;
-        }
-
-        .van-field__control {
-          height: 38px;
-          line-height: 38px;
-          padding: 6px;
-          border-radius: 2px;
-          border: 0.5px solid rgba(185, 186, 208, 1);
-
-          &:-internal-autofill-previewed,
-          &:-internal-autofill-selected {
-            -webkit-text-fill-color: #323233 !important;
-            transition: background-color 5000s ease-in-out 0s !important;
-          }
-        }
-
-        .van-field__control::-webkit-input-placeholder {
-          color: rgba(168, 168, 197, 1);
-        }
-
-        .van-cell__value {
-          width: 100%;
-          flex: 0 auto;
-        }
-
-        .van-field__label {
-			display: flex;
-          height: 38px;
-		  align-items: center;
-          // line-height: 38px;
-          width: 100px;
-        }
-
-        .radioBox {
-          display: flex;
-
-          .van-radio-group--horizontal {
-            width: 100%;
-            justify-content: space-around;
-          }
-
-          .van-radio {
-            overflow: visible;
-          }
-
-          .van-radio__icon {
-            font-size: 13px;
-
-            .van-icon {
-              width: 12px;
-              height: 12px;
-              border-color: #4d6add;
-            }
-          }
-
-          .van-radio__label {
-            line-height: 13px;
-          }
-
-          .van-radio__icon--checked .van-icon-success {
-            border-color: #4d6add;
-            background: #4d6add;
-          }
-
-          .van-radio__icon--checked .van-icon-success::before {
-            content: '';
-            background: #fff;
-            width: 40%;
-            height: 40%;
-            position: absolute;
-            top: 30%;
-            left: 30%;
-            border-radius: 100%;
-          }
-
-          .van-radio__icon--checked+.van-radio__label {
-            color: #4d6add;
-          }
-        }
-      }
-    }
-  }
-
-  .register {
-    background-color: rgba(77, 106, 221, 1);
-    border-radius: 17px;
-    height: 34px;
-    width: 220px;
-    margin-top: 60px;
-    font-size: 15px;
-    font-family: PingFangSC-Medium;
-  }
-}
 </style>