feat: 优化移动端学习与证书体验

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
zhongyidianandClaude Opus 5 committed 2026-09-21 10:30:13 +08:00
1 parent dd233e102b
commit 680e8b97d7
55 files changed
+513 -230

No files matched your search

+8 -13
View File
@@ -80,11 +80,8 @@ interface GuideStep {
```vue
<template>
<GuideDragon
:show-skip="true"
next-button-text="下一步"
@next="handleNext"
@skip="handleSkip"
@complete="handleComplete"
>
<h3>欢迎使用短视频达人!</h3>
<p>让我来为你介绍如何使用这个应用吧~</p>
@@ -98,10 +95,6 @@ const handleNext = () => {
console.log('下一步')
}
const handleSkip = () => {
console.log('跳过')
}
const handleComplete = () => {
console.log('完成')
}
@@ -112,7 +105,10 @@ const handleComplete = () => {
```vue
<template>
<GuideSteps :steps="guideSteps" @complete="handleComplete" @skip="handleSkip" />
<GuideSteps
:steps="guideSteps"
@complete="handleComplete"
/>
</template>
<script setup lang="ts">
@@ -122,13 +118,13 @@ const guideSteps = [
{
id: 'welcome',
content: '欢迎来到短视频达人应用!我是你的导学小龙...',
nextText: '开始学习'
nextText: '开始学习',
},
{
id: 'features',
content: '我们的应用包含以下核心功能...',
nextText: '了解详情'
}
nextText: '了解详情',
},
]
const handleComplete = () => {
@@ -141,7 +137,7 @@ const handleComplete = () => {
```vue
<template>
<GuideSteps @complete="handleComplete" @skip="handleSkip">
<GuideSteps @complete="handleComplete">
<GuideStepsItem>欢迎来到短视频达人应用!我是你的导学小龙</GuideStepsItem>
<GuideStepsItem>
<p>
@@ -170,7 +166,6 @@ const handleComplete = () => {
<template>
<GuideSteps
@complete="handleComplete"
@skip="handleSkip"
:keyboard-navigation="true"
:auto-play-interval="3000"
>