|
@@ -1,98 +1,159 @@
|
|
<template>
|
|
<template>
|
|
<!-- 注册 -->
|
|
<!-- 注册 -->
|
|
<div class="page flex-col registerPage">
|
|
<div class="page flex-col registerPage">
|
|
- <s-header :name="$t('register.header')" :noback="false" ></s-header>
|
|
|
|
|
|
+ <s-header :name="$t('register.header')" :noback="false"></s-header>
|
|
<div class="registerFormBox">
|
|
<div class="registerFormBox">
|
|
<van-form @submit="registerSubmit">
|
|
<van-form @submit="registerSubmit">
|
|
- <van-field
|
|
|
|
- v-model="username"
|
|
|
|
- name="username"
|
|
|
|
- :label="$t('register.usernameLabel')"
|
|
|
|
|
|
+ <van-field v-model="username" name="username" :label="$t('register.usernameLabel')"
|
|
:placeholder="$t('register.usernamePlaceholder')"
|
|
:placeholder="$t('register.usernamePlaceholder')"
|
|
- :rules="[{ required: true, message: $t('register.usernameRequired') }]"
|
|
|
|
- />
|
|
|
|
- <br>
|
|
|
|
- <van-field
|
|
|
|
- v-model="name"
|
|
|
|
- name="name"
|
|
|
|
- :label="$t('register.nameLabel')"
|
|
|
|
|
|
+ :rules="[{ required: true, message: $t('register.usernameRequired') }]" />
|
|
|
|
+ <br>
|
|
|
|
+ <van-field v-model="name" name="name" :label="$t('register.nameLabel')"
|
|
:placeholder="$t('register.namePlaceholder')"
|
|
: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')"
|
|
|
|
|
|
+ :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')"
|
|
: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')"
|
|
|
|
|
|
+ :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')"
|
|
:placeholder="$t('register.passwordCheckPlaceholder')"
|
|
- :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]"
|
|
|
|
- />
|
|
|
|
- <br>
|
|
|
|
|
|
+ :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]" />
|
|
|
|
+ <br>
|
|
<div class="van-cell van-field">
|
|
<div class="van-cell van-field">
|
|
- <div class="van-cell__title van-field__label"><span>{{$t('register.country')}}</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{ $t('register.country') }}</span></div>
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<van-radio-group v-model="ifForeign" direction="horizontal">
|
|
<van-radio-group v-model="ifForeign" direction="horizontal">
|
|
- <van-radio name="0" icon-size="18px">{{$t('register.chinese')}}</van-radio>
|
|
|
|
- <van-radio name="1" icon-size="18px">{{$t('register.other')}}</van-radio>
|
|
|
|
|
|
+ <van-radio name="0" icon-size="18px">{{ $t('register.chinese') }}</van-radio>
|
|
|
|
+ <van-radio name="1" icon-size="18px">{{ $t('register.other') }}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <van-field
|
|
|
|
- v-if="ifForeign === '0'"
|
|
|
|
- v-model="phone"
|
|
|
|
- name="phone"
|
|
|
|
- type="tel"
|
|
|
|
- :label="$t('register.phoneLabel')"
|
|
|
|
|
|
+
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
|
|
:placeholder="$t('register.phonePlaceholder')"
|
|
:placeholder="$t('register.phonePlaceholder')"
|
|
- :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]"
|
|
|
|
- >
|
|
|
|
- <template #button v-if="ifForeign === '0'" >
|
|
|
|
- <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
|
|
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+ <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
|
|
|
|
+ $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
|
|
</template>
|
|
</template>
|
|
|
|
+ </van-field> -->
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'">
|
|
|
|
+ <van-dropdown-menu>
|
|
|
|
+ <van-dropdown-item v-model="phone" :options="1" name="phone" type="tel" :label="$t('register.phoneLabel')"
|
|
|
|
+ :placeholder="$t('register.phonePlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+ <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
|
|
|
|
+ $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
|
|
|
|
+ </template>
|
|
|
|
+ </van-dropdown-item>
|
|
|
|
+
|
|
|
|
+ <van-dropdown-item v-model="email" :options="2" name="email" :label="$t('register.emailLabel')"
|
|
|
|
+ :placeholder="$t('register.emailPlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+ <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
|
|
|
|
+ $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
|
|
|
|
+ </template></van-dropdown-item>
|
|
|
|
+ </van-dropdown-menu>
|
|
|
|
+ </van-field> -->
|
|
|
|
+
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'">
|
|
|
|
+ <van-dropdown-menu>
|
|
|
|
+ <van-dropdown-item v-model="value1" :options="option1" />
|
|
|
|
+ <van-dropdown-item v-model="value2" :options="option2" />
|
|
|
|
+ </van-dropdown-menu>
|
|
</van-field>
|
|
</van-field>
|
|
- <br v-if="ifForeign === '0'">
|
|
|
|
- <van-field
|
|
|
|
- v-if="ifForeign === '0'"
|
|
|
|
- v-model="code"
|
|
|
|
- name="code"
|
|
|
|
- :label="$t('register.codeLabel')"
|
|
|
|
|
|
+ <hr>
|
|
|
|
+ <van-dropdown-menu>
|
|
|
|
+ <van-dropdown-item v-model="signinModel" :options="signOptions" />
|
|
|
|
+ </van-dropdown-menu> -->
|
|
|
|
+ <van-tabs v-model:active="active" type="card" swipeable color="#8096ec" v-if="ifForeign === '0'">
|
|
|
|
+
|
|
|
|
+ <van-tab title="手机注册">
|
|
|
|
+ <!-- 手机号码 -->
|
|
|
|
+ <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
|
|
|
|
+ :placeholder="$t('register.phonePlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+ <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>
|
|
|
|
+ <!-- 短信验证码 -->
|
|
|
|
+ <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.codeLabel')"
|
|
|
|
+ :placeholder="$t('register.codePlaceholder')"
|
|
|
|
+ :rules="[{ required: true, message: $t('register.codeRequired') }]" />
|
|
|
|
+ </van-tab>
|
|
|
|
+ <!-- 发送验证码 -->
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
|
|
|
|
+ :placeholder="$t('register.phonePlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+ <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> -->
|
|
|
|
+
|
|
|
|
+ <van-tab title="邮箱注册">
|
|
|
|
+ <!-- 邮箱 -->
|
|
|
|
+ <van-field v-if="ifForeign === '0'" v-model="email" name="email" :label="$t('register.emailLabel')"
|
|
|
|
+ :placeholder="$t('register.emailPlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+
|
|
|
|
+ <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>
|
|
|
|
+ <!-- 邮箱验证码 -->
|
|
|
|
+ <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
|
|
|
|
+ :placeholder="$t('register.emailCodePlaceholder')"
|
|
|
|
+ :rules="[{ required: true, message: $t('register.emailCodeRequired') }]" />
|
|
|
|
+ </van-tab>
|
|
|
|
+
|
|
|
|
+ </van-tabs>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <br v-if="ifForeign === '0'">
|
|
|
|
+ <!-- 中国,手机验证码 -->
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.codeLabel')"
|
|
:placeholder="$t('register.codePlaceholder')"
|
|
: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')"
|
|
|
|
|
|
+ :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')"
|
|
:placeholder="$t('register.emailPlaceholder')"
|
|
:placeholder="$t('register.emailPlaceholder')"
|
|
- :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]"
|
|
|
|
- >
|
|
|
|
|
|
+ :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]">
|
|
<template #button v-if="ifForeign === '1'">
|
|
<template #button v-if="ifForeign === '1'">
|
|
- <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
|
|
|
|
|
|
+ <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
|
|
|
|
+ $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
- <br v-if="ifForeign === '1'">
|
|
|
|
- <van-field
|
|
|
|
- v-if="ifForeign === '1'"
|
|
|
|
- v-model="code"
|
|
|
|
- name="code"
|
|
|
|
- :label="$t('register.emailCodeLabel')"
|
|
|
|
|
|
+ <br v-if="ifForeign === '1'">
|
|
|
|
+ <!-- 海外,邮箱验证码 -->
|
|
|
|
+ <van-field v-if="ifForeign === '1'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
|
|
:placeholder="$t('register.emailCodePlaceholder')"
|
|
: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>
|
|
|
|
|
|
+ :rules="[{ required: true, message: $t('register.emailCodeRequired') }]" />
|
|
|
|
+ <br v-if="ifForeign === '1'">
|
|
|
|
+
|
|
|
|
+ <!-- <van-field v-if="ifForeign === '0'" v-model="email" name="email" :label="$t('register.emailLabel')"
|
|
|
|
+ :placeholder="$t('register.emailPlaceholder')"
|
|
|
|
+ :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
|
|
|
|
+ <template #button v-if="ifForeign === '0'">
|
|
|
|
+
|
|
|
|
+ <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> -->
|
|
|
|
+ <!-- 提交验证信息 -->
|
|
|
|
+ <van-button round type="primary" class="register" native-type="submit">{{ $t('register.registerButton')
|
|
|
|
+ }}</van-button>
|
|
</van-form>
|
|
</van-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -104,11 +165,13 @@ import { Toast } from 'vant';
|
|
import { sentRegisterCode, tAdminSave } from '@/service/register';
|
|
import { sentRegisterCode, tAdminSave } from '@/service/register';
|
|
import sHeader from '@/components/SimpleHeader';
|
|
import sHeader from '@/components/SimpleHeader';
|
|
import logiLogoImgUrl from "@/assets/login/logo.png";
|
|
import logiLogoImgUrl from "@/assets/login/logo.png";
|
|
-import { useRouter } from 'vue-router'
|
|
|
|
-import { getLocal, setLocal } from '@/common/js/utils'
|
|
|
|
|
|
+import { useRouter } from 'vue-router';
|
|
|
|
+import { getLocal, setLocal } from '@/common/js/utils';
|
|
|
|
+
|
|
|
|
|
|
export default {
|
|
export default {
|
|
setup() {
|
|
setup() {
|
|
|
|
+ const active = ref(0);
|
|
const username = ref('');
|
|
const username = ref('');
|
|
const name = ref('');
|
|
const name = ref('');
|
|
const password = ref('');
|
|
const password = ref('');
|
|
@@ -121,6 +184,8 @@ export default {
|
|
const verCodeTime = reactive({
|
|
const verCodeTime = reactive({
|
|
time: 0
|
|
time: 0
|
|
});
|
|
});
|
|
|
|
+
|
|
|
|
+
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
// 注册点击
|
|
// 注册点击
|
|
const registerSubmit = async () => {
|
|
const registerSubmit = async () => {
|
|
@@ -173,6 +238,26 @@ export default {
|
|
} else { verCodeTime.time = 0; }
|
|
} else { verCodeTime.time = 0; }
|
|
});
|
|
});
|
|
|
|
|
|
|
|
+ const signOptions = [
|
|
|
|
+ { text: '手机注册', value: "mo" },
|
|
|
|
+ { text: '邮箱注册', value: "ema" }
|
|
|
|
+ ]
|
|
|
|
+ const option1 = [
|
|
|
|
+ {
|
|
|
|
+ text: 'aaaa', value: 0,
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: 'ccc', value: 1
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+
|
|
|
|
+ const option2 = [
|
|
|
|
+ {
|
|
|
|
+ text: 'bbb', value: 'b'
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+
|
|
return {
|
|
return {
|
|
...toRefs(verCodeTime),
|
|
...toRefs(verCodeTime),
|
|
logiLogoImgUrl,
|
|
logiLogoImgUrl,
|
|
@@ -189,6 +274,11 @@ export default {
|
|
verCodeTimeInterval,
|
|
verCodeTimeInterval,
|
|
seedVerCode,
|
|
seedVerCode,
|
|
registerSubmit,
|
|
registerSubmit,
|
|
|
|
+ option1,
|
|
|
|
+ option2,
|
|
|
|
+ signOptions,
|
|
|
|
+ signinModel: 'aaabb',
|
|
|
|
+ active
|
|
}
|
|
}
|
|
},
|
|
},
|
|
components: { sHeader }
|
|
components: { sHeader }
|
|
@@ -196,11 +286,13 @@ export default {
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
@import '../common/style/mixin';
|
|
@import '../common/style/mixin';
|
|
|
|
+
|
|
.registerPage {
|
|
.registerPage {
|
|
.registerFormBox {
|
|
.registerFormBox {
|
|
width: 100%;
|
|
width: 100%;
|
|
margin-top: 38px;
|
|
margin-top: 38px;
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
+
|
|
/deep/ .van-form {
|
|
/deep/ .van-form {
|
|
.van-cell {
|
|
.van-cell {
|
|
width: 313px;
|
|
width: 313px;
|
|
@@ -212,49 +304,76 @@ export default {
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
overflow: visible;
|
|
overflow: visible;
|
|
- &::after { display: none;}
|
|
|
|
- .van-field__button button { background-color: #8096ec; color: #fff; }
|
|
|
|
|
|
+
|
|
|
|
+ &::after {
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .van-field__button button {
|
|
|
|
+ background-color: #8096ec;
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
.van-field__control {
|
|
.van-field__control {
|
|
height: 38px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
line-height: 38px;
|
|
padding: 6px;
|
|
padding: 6px;
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
border: 0.5px solid rgba(185, 186, 208, 1);
|
|
border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+
|
|
&:-internal-autofill-previewed,
|
|
&:-internal-autofill-previewed,
|
|
&:-internal-autofill-selected {
|
|
&:-internal-autofill-selected {
|
|
-webkit-text-fill-color: #323233 !important;
|
|
-webkit-text-fill-color: #323233 !important;
|
|
transition: background-color 5000s ease-in-out 0s !important;
|
|
transition: background-color 5000s ease-in-out 0s !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.van-field__control::-webkit-input-placeholder {
|
|
.van-field__control::-webkit-input-placeholder {
|
|
color: rgba(168, 168, 197, 1);
|
|
color: rgba(168, 168, 197, 1);
|
|
}
|
|
}
|
|
- .van-cell__value { width: 100%; flex: 0 auto; }
|
|
|
|
|
|
+
|
|
|
|
+ .van-cell__value {
|
|
|
|
+ width: 100%;
|
|
|
|
+ flex: 0 auto;
|
|
|
|
+ }
|
|
|
|
+
|
|
.van-field__label {
|
|
.van-field__label {
|
|
height: 38px;
|
|
height: 38px;
|
|
// line-height: 38px;
|
|
// line-height: 38px;
|
|
width: 6em;
|
|
width: 6em;
|
|
}
|
|
}
|
|
|
|
+
|
|
.radioBox {
|
|
.radioBox {
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+
|
|
.van-radio-group--horizontal {
|
|
.van-radio-group--horizontal {
|
|
width: 100%;
|
|
width: 100%;
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
}
|
|
}
|
|
- .van-radio { overflow: visible; }
|
|
|
|
|
|
+
|
|
|
|
+ .van-radio {
|
|
|
|
+ overflow: visible;
|
|
|
|
+ }
|
|
|
|
+
|
|
.van-radio__icon {
|
|
.van-radio__icon {
|
|
font-size: 13px;
|
|
font-size: 13px;
|
|
|
|
+
|
|
.van-icon {
|
|
.van-icon {
|
|
width: 12px;
|
|
width: 12px;
|
|
height: 12px;
|
|
height: 12px;
|
|
border-color: #4d6add;
|
|
border-color: #4d6add;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .van-radio__label { line-height: 13px; }
|
|
|
|
- .van-radio__icon--checked .van-icon-success{
|
|
|
|
|
|
+
|
|
|
|
+ .van-radio__label {
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .van-radio__icon--checked .van-icon-success {
|
|
border-color: #4d6add;
|
|
border-color: #4d6add;
|
|
background: #4d6add;
|
|
background: #4d6add;
|
|
}
|
|
}
|
|
|
|
+
|
|
.van-radio__icon--checked .van-icon-success::before {
|
|
.van-radio__icon--checked .van-icon-success::before {
|
|
content: '';
|
|
content: '';
|
|
background: #fff;
|
|
background: #fff;
|
|
@@ -265,11 +384,15 @@ export default {
|
|
left: 30%;
|
|
left: 30%;
|
|
border-radius: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
- .van-radio__icon--checked + .van-radio__label { color: #4d6add; }
|
|
|
|
|
|
+
|
|
|
|
+ .van-radio__icon--checked+.van-radio__label {
|
|
|
|
+ color: #4d6add;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.register {
|
|
.register {
|
|
background-color: rgba(77, 106, 221, 1);
|
|
background-color: rgba(77, 106, 221, 1);
|
|
border-radius: 17px;
|
|
border-radius: 17px;
|
|
@@ -280,5 +403,4 @@ export default {
|
|
font-family: PingFangSC-Medium;
|
|
font-family: PingFangSC-Medium;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
</style>
|
|
</style>
|