diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index af86527..59ae7fd 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -9,3 +9,10 @@ width: 100%; } +.el-input + span{ + font:{ + weight: bold; + } + color: red; +} + diff --git a/src/components/Email.vue b/src/components/Email.vue index 7411bc6..cfe7e7c 100644 --- a/src/components/Email.vue +++ b/src/components/Email.vue @@ -11,6 +11,7 @@ + 新邮箱不能和当前邮箱一致 @@ -41,7 +42,7 @@ import {changeEmail as _changeEmail, sendCode as _sendCode} from "../request"; import {useStore} from "vuex"; import {Message} from 'element3/src/components/Message' -export default defineComponent<{ userEmail: { require: boolean, type: StringConstructor }, second: { require: boolean, type: NumberConstructor } }>({ +export default defineComponent({ name: 'Email', setup(props) { const newEmail = ref('') @@ -82,13 +83,14 @@ export default defineComponent<{ userEmail: { require: boolean, type: StringCons const changeEmail=()=> _changeEmail(store.state.user.email,newEmail.value,code.value) - const allowSendCode = computed(() => second.value === 0 && props.userEmail !== newEmail.value && /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(newEmail.value)) + const userEmail= computed(() => store.state.user.email) + + const allowSendCode = computed(() => second.value === 0 && userEmail !== newEmail.value && /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(newEmail.value)) const sendCodeTip = computed(() => second.value > 0 ? second.value + '秒后重发' : '发送验证码') const checkCode = computed(() => /^\d{6}$/.test(code.value)) - const userEmail= computed(() => store.state.user.email) return { newEmail,