diff --git a/Yi.Ai.Vue3/src/components/SvgIcon/index.vue b/Yi.Ai.Vue3/src/components/SvgIcon/index.vue
index cbc86869..873909a4 100644
--- a/Yi.Ai.Vue3/src/components/SvgIcon/index.vue
+++ b/Yi.Ai.Vue3/src/components/SvgIcon/index.vue
@@ -1,4 +1,5 @@
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/AnnouncementBtn.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/AnnouncementBtn.vue
index d14ee6ef..c8d53159 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/components/AnnouncementBtn.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/AnnouncementBtn.vue
@@ -33,7 +33,7 @@ function openAnnouncement() {
@click="openAnnouncement"
>
-
公告/活动
+
公告
@@ -62,11 +62,11 @@ function openAnnouncement() {
cursor: pointer;
font-size: 1.2rem;
font-weight: bold;
- color: #e6a23c;
+ color: #409eff;
transition: all 0.2s;
&:hover {
- color: #ebb563;
+ color: #66b1ff;
transform: translateY(-1px);
}
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
index 6c81ec5f..eaa3b15b 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
@@ -51,6 +51,11 @@ const popoverList = ref([
title: '用户中心',
icon: 'settings-4-fill',
},
+ {
+ key: '6',
+ title: '新手引导',
+ icon: 'dashboard-fill',
+ },
{
key: '3',
divider: true,
@@ -100,7 +105,12 @@ function handleNavChange(nav: string) {
function handleContactSupport() {
rechargeLogRef.value?.contactCustomerService();
}
+const { startHeaderTour } = useGuideTour();
+// 开始引导教程
+function handleStartTutorial() {
+ startHeaderTour();
+}
// 点击
function handleClick(item: any) {
switch (item.key) {
@@ -113,6 +123,9 @@ function handleClick(item: any) {
case '5':
openDialog();
break;
+ case '6':
+ handleStartTutorial();
+ break;
case '4':
popoverRef.value?.hide?.();
ElMessageBox.confirm('退出登录不会丢失任何数据，你仍可以登录此账号。', '确认退出登录？', {
@@ -278,49 +291,6 @@ watch(() => guideTourStore.shouldStartUserCenterTour, (shouldStart) => {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
guideTourStore.shouldStartUserCenterTour, (shouldStart) => {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-4px); }
}
-
-/* 默认 PC 端文字显示，图标隐藏 */
-.pc-text {
- display: inline;
-}
-.mobile-icon {
- display: none;
-}
-
-/* 移动端显示图标，隐藏文字 */
-@media (max-width: 768px) {
- .pc-text {
- display: none;
- }
- .mobile-icon {
- display: inline;
- }
-}
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
index 239624b4..9cd4ff9e 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
@@ -4,13 +4,13 @@ import { onKeyStroke } from '@vueuse/core';
import { SIDE_BAR_WIDTH } from '@/config/index';
import { useDesignStore, useUserStore } from '@/stores';
import { useSessionStore } from '@/stores/modules/session';
+import AiTutorialBtn from './components/AiTutorialBtn.vue';
import AnnouncementBtn from './components/AnnouncementBtn.vue';
import Avatar from './components/Avatar.vue';
import Collapse from './components/Collapse.vue';
import CreateChat from './components/CreateChat.vue';
import LoginBtn from './components/LoginBtn.vue';
import TitleEditing from './components/TitleEditing.vue';
-import TutorialBtn from './components/TutorialBtn.vue';
const userStore = useUserStore();
const designStore = useDesignStore();
@@ -72,7 +72,7 @@ onKeyStroke(event => event.ctrlKey && event.key.toLowerCase() === 'k', handleCtr