From c4562333c02110222b867243f95b7a65014bab8b Mon Sep 17 00:00:00 2001 From: dzq <dzq@ys.com> Date: Fri, 25 Apr 2025 09:58:19 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E7=94=A8=E6=88=B7=E9=A1=B5=E9=9D=A2):=20?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=82=B9=E5=87=BB=E5=A4=B4=E5=83=8F=E9=80=80?= =?UTF-8?q?=E5=87=BA=E7=99=BB=E5=BD=95=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 在用户页面中,点击用户头像时会弹出确认对话框,确认后清除用户信息并跳转到登录页面 --- src/pages/me/index.vue | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue index d2bea43..ea67f41 100644 --- a/src/pages/me/index.vue +++ b/src/pages/me/index.vue @@ -4,6 +4,7 @@ import { useWxStore } from '@/pinia/stores/wx' import { useAb98UserStore } from '@/pinia/stores/ab98-user' import { storeToRefs } from 'pinia' import { publicPath } from "@/common/utils/path" +import { showConfirmDialog } from 'vant'; const router = useRouter() const wxStore = useWxStore() @@ -16,7 +17,19 @@ const name = computed(() => { return userName.value || qyName.value || '未知用户' }) -const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg` +const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg`; + +const handleLogout = () => { + showConfirmDialog({ + title: '退出登录', + message: '确定要退出当前账号吗?', + }).then(() => { + ab98UserStore.clearUserInfo(); + router.push('/ab98'); + }).catch(() => { + // 取消操作 + }); +} </script> <template> @@ -31,6 +44,7 @@ const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg` height="80" :src="userAvatar" class="mr-4" + @click="handleLogout" /> <div> <div class="text-lg font-bold mb-2">{{ name }}</div>