|
@@ -30,8 +30,8 @@ import { setLoginInit, state } from '@/state';
|
|
|
import iconGift from '../images/icon-gift.png';
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
import MSticky from '@/components/m-sticky';
|
|
|
-import registerBgIcon from "../images/register-bg.png";
|
|
|
-import vipGiftIcon from "../images/vip-gift-icon.png";
|
|
|
+import registerBgIcon from '../images/register-bg.png';
|
|
|
+import vipGiftIcon from '../images/vip-gift-icon.png';
|
|
|
import agreeYes from '../images/agree-yes.png';
|
|
|
import agreeNo from '../images/agree-no.png';
|
|
|
|
|
@@ -94,7 +94,7 @@ export default defineComponent({
|
|
|
giftVipDay: null,
|
|
|
showTips: false,
|
|
|
showButton: false,
|
|
|
- showMessage: '请使用微信打开'
|
|
|
+ showMessage: '请使用微信扫描二维码'
|
|
|
});
|
|
|
const isAgree = ref(false);
|
|
|
const studentInfo = reactive({
|
|
@@ -291,10 +291,10 @@ export default defineComponent({
|
|
|
) : (
|
|
|
''
|
|
|
)}
|
|
|
-
|
|
|
+
|
|
|
<img class={styles.headBg} src={registerBgIcon} />
|
|
|
<Form labelAlign="top" class={styles.registerForm}>
|
|
|
- <Field
|
|
|
+ <Field
|
|
|
clearable={false}
|
|
|
label="联系方式"
|
|
|
placeholder="请输入手机号码"
|
|
@@ -314,12 +314,12 @@ export default defineComponent({
|
|
|
</div>
|
|
|
)
|
|
|
}}
|
|
|
- </Field>
|
|
|
+ </Field>
|
|
|
<div class={[styles.fieldTipsGroup]}>
|
|
|
- <div class={[styles.fieldTips]}>
|
|
|
- 手机号是音乐数字课堂的唯一登录账户
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class={[styles.fieldTips]}>
|
|
|
+ 手机号是音乐数字课堂的唯一登录账户
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<Field
|
|
|
center
|
|
|
clearable={false}
|
|
@@ -356,7 +356,7 @@ export default defineComponent({
|
|
|
/>
|
|
|
)
|
|
|
}}
|
|
|
- </Field>
|
|
|
+ </Field>
|
|
|
<Field
|
|
|
clearable={false}
|
|
|
label="学生姓名"
|
|
@@ -386,7 +386,9 @@ export default defineComponent({
|
|
|
size="large"
|
|
|
type="primary"
|
|
|
color={
|
|
|
- !(studentInfo.extra.gender === 1) ? '#F5F6FA' : 'linear-gradient( 135deg, #31C7FF 0%, #007AFE 100%)'
|
|
|
+ !(studentInfo.extra.gender === 1)
|
|
|
+ ? '#F5F6FA'
|
|
|
+ : 'linear-gradient( 135deg, #31C7FF 0%, #007AFE 100%)'
|
|
|
}
|
|
|
textColor={
|
|
|
!(studentInfo.extra.gender === 1) ? '#626264' : '#fff'
|
|
@@ -399,7 +401,9 @@ export default defineComponent({
|
|
|
size="large"
|
|
|
type="primary"
|
|
|
color={
|
|
|
- !(studentInfo.extra.gender === 0) ? '#F5F6FA' : 'linear-gradient( 135deg, #31C7FF 0%, #007AFE 100%)'
|
|
|
+ !(studentInfo.extra.gender === 0)
|
|
|
+ ? '#F5F6FA'
|
|
|
+ : 'linear-gradient( 135deg, #31C7FF 0%, #007AFE 100%)'
|
|
|
}
|
|
|
textColor={
|
|
|
!(studentInfo.extra.gender === 0) ? '#626264' : '#fff'
|
|
@@ -436,15 +440,16 @@ export default defineComponent({
|
|
|
required
|
|
|
input-align="right"
|
|
|
/>
|
|
|
- {
|
|
|
- (studentInfo.extra.registerType === 'GIFT_VIP_DAY' && forms.giftVipDay && Number(forms.giftVipDay) > 0) ?
|
|
|
+ {studentInfo.extra.registerType === 'GIFT_VIP_DAY' &&
|
|
|
+ forms.giftVipDay &&
|
|
|
+ Number(forms.giftVipDay) > 0 ? (
|
|
|
<div class={styles.giftTips}>
|
|
|
<img src={vipGiftIcon} />
|
|
|
- <span>注册成功即可获得乐器AI学练工具<i>{forms.giftVipDay}</i>天有效期</span>
|
|
|
+ <span>
|
|
|
+ 注册成功即可获得乐器AI学练工具<i>{forms.giftVipDay}</i>天有效期
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- : null
|
|
|
- }
|
|
|
-
|
|
|
+ ) : null}
|
|
|
</Form>
|
|
|
{/* <div class={styles.agreeColumn}>
|
|
|
<img src={isAgree.value ? agreeYes : agreeNo} onClick={() => (isAgree.value = !isAgree.value)} />
|