diff --git a/app/pages/auth/login.vue b/app/pages/auth/login.vue index cacba61..180169f 100644 --- a/app/pages/auth/login.vue +++ b/app/pages/auth/login.vue @@ -25,16 +25,13 @@ const { refresh } = useAuthSession() async function fetchCaptcha() { captcha.loading = true - const loadingToast = $toast.loading('加载验证码...', { toastId: 'captcha-loading' }) try { const res = await $fetch<{ code: number; data: { captchaId: string; imageSvg: string } }>('/api/auth/captcha') captcha.id = res.data.captchaId captcha.svg = res.data.imageSvg captcha.answer = '' - $toast.update(loadingToast, { render: '验证码加载成功', type: 'success', isLoading: false, autoClose: 1500 }) } catch (e: any) { console.error('获取验证码失败', e) - $toast.update(loadingToast, { render: '验证码加载失败', type: 'error', isLoading: false, autoClose: 3000 }) } finally { captcha.loading = false } diff --git a/app/pages/auth/register.vue b/app/pages/auth/register.vue index 33fdc56..4967f7d 100644 --- a/app/pages/auth/register.vue +++ b/app/pages/auth/register.vue @@ -3,6 +3,8 @@ definePageMeta({ layout: false, }) +const { $toast } = useNuxtApp() + const registerForm = reactive({ username: '', password: '', @@ -16,7 +18,6 @@ const captcha = reactive({ loading: false, }) -const registerError = ref('') const registerLoading = ref(false) async function fetchCaptcha() { @@ -34,9 +35,8 @@ async function fetchCaptcha() { } async function handleRegister() { - registerError.value = '' if (registerForm.password !== registerForm.confirmPassword) { - registerError.value = '两次密码输入不一致' + $toast.error('两次密码输入不一致') return } registerLoading.value = true @@ -50,9 +50,10 @@ async function handleRegister() { captchaAnswer: captcha.answer, }, }) - await navigateTo('/auth/login?tab=login') + $toast.success('注册成功!正在跳转...') + setTimeout(() => navigateTo('/auth/login?tab=login'), 1500) } catch (e: any) { - registerError.value = e?.data?.statusMessage || e?.message || '注册失败' + $toast.error(e?.data?.statusMessage || e?.message || '注册失败') await fetchCaptcha() } finally { registerLoading.value = false @@ -86,8 +87,6 @@ onMounted(fetchCaptcha)
-
{{ registerError }}
-
@@ -384,15 +383,6 @@ onMounted(fetchCaptcha) opacity: 0.5; } -.form-error { - padding: 12px 16px; - background: rgba(198, 69, 69, 0.08); - border: 1px solid rgba(198, 69, 69, 0.2); - border-radius: 6px; - color: var(--color-error); - font-size: 13px; -} - .submit-btn { display: flex; align-items: center;