forked from zhongyidian/super_video
feat: 优化移动端学习与证书体验
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
dd233e102b
commit
680e8b97d7
55 files changed
+513
-230
No files matched your search
@@ -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"
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user