feat: 新手引导优化

This commit is contained in:
Gsh
2025-11-17 01:39:13 +08:00
parent 97e3dc5eed
commit 04e11d15e2
5 changed files with 104 additions and 80 deletions

View File

@@ -1,6 +1,6 @@
import { driver } from 'driver.js';
import 'driver.js/dist/driver.css';
import { useGuideTourStore } from '@/stores';
import 'driver.js/dist/driver.css';
// 引导步骤接口
interface TourStep {
@@ -47,7 +47,7 @@ export function useGuideTour() {
element: '[data-tour="tutorial-btn"]',
popover: {
title: '新手教程',
description: '欢迎使用YiXinAI点击这里可以随时重新查看新手引导教程帮助您快速了解系统功能。',
description: '欢迎使用意心AI-YiXinAI点击这里可以随时重新查看新手引导教程帮助您快速了解系统功能。',
side: 'bottom',
align: 'center',
},
@@ -56,7 +56,7 @@ export function useGuideTour() {
element: '[data-tour="model-select"]',
popover: {
title: '模型选择',
description: '点击这里可以切换不同的AI模型每个模型有不同的特点和能力。VIP用户可以使用所有高级模型。',
description: '点击这里可以切换不同的AI模型每个模型有不同的特点和能力。VIP用户可以更多高级模型。',
side: 'top',
align: 'start',
},
@@ -65,7 +65,7 @@ export function useGuideTour() {
element: '[data-tour="chat-sender"]',
popover: {
title: '对话输入框',
description: '在这里输入您的问题或指令按回车或点击发送按钮即可与AI对话。支持语音输入和文件上传。',
description: '在这里输入您的问题或指令按回车或点击发送按钮即可与AI对话。支持语音输入',
side: 'top',
align: 'center',
},
@@ -92,7 +92,7 @@ export function useGuideTour() {
element: '[data-tour="buy-btn"]',
popover: {
title: '立即购买',
description: '点击这里可以购买Token套餐或升级VIP会员,享受更多专属服务和权益。',
description: '点击这里可以成为VIP会员和升级尊享服务,享受更多专属服务和权益。',
side: 'bottom',
align: 'center',
},
@@ -123,7 +123,7 @@ export function useGuideTour() {
element: '[data-tour="nav-user"]',
popover: {
title: '用户信息',
description: '查看和修改您的个人信息,包括头像、昵称等。',
description: '查看您的个人信息,包括头像、昵称等。',
side: 'right',
align: 'center',
},
@@ -171,7 +171,7 @@ export function useGuideTour() {
element: '[data-tour="nav-premiumService"]',
popover: {
title: '尊享服务',
description: '了解VIP会员专属特权和服务,我们将详细介绍这个页面的功能。',
description: '了解尊享服务包专属特权和服务,我们将详细介绍这个页面的功能。',
side: 'right',
align: 'center',
},
@@ -250,7 +250,6 @@ export function useGuideTour() {
},
];
// 开始 Header 引导
async function startHeaderTour() {
if (!driverInstance.value) {