forked from zhongyidian/super_video
refactor: 删除错误引用
This commit is contained in:
1 parent
621a6e079a
commit
30f2d5e1f6
1 file changed
+2
-63
@@ -1,69 +1,8 @@
|
||||
<template>
|
||||
<div class="guide-page w-full h-full relative">
|
||||
<GuideSteps
|
||||
ref="guideStepsRef"
|
||||
:steps="guideSteps"
|
||||
@complete="handleGuideComplete"
|
||||
@skip="handleGuideSkip"
|
||||
@step-change="handleStepChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="guide-page w-full h-full relative"></div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import GuideSteps from '@/components/Guide/GuideSteps.vue'
|
||||
|
||||
const router = useRouter()
|
||||
const guideStepsRef = ref()
|
||||
|
||||
// 引导步骤配置
|
||||
const guideSteps = [
|
||||
{
|
||||
id: 'welcome',
|
||||
title: '欢迎使用短视频达人!',
|
||||
content: '试着用这些方法记录身边的小事,你会发现,原来平凡的日子里有这么多值得捕捉的瞬间。',
|
||||
nextText: '开始学习'
|
||||
},
|
||||
{
|
||||
id: 'music',
|
||||
title: '音乐选择',
|
||||
content: '选和主题匹配的音乐,烘托氛围又不抢戏。好的音乐能让你的视频更有感染力。',
|
||||
nextText: '了解详情'
|
||||
},
|
||||
{
|
||||
id: 'shooting',
|
||||
title: '动态拍摄',
|
||||
content: '掌握运镜技巧,让画面更有动感。从静态到动态,让你的视频更生动有趣。',
|
||||
nextText: '开始体验'
|
||||
},
|
||||
{
|
||||
id: 'complete',
|
||||
title: '准备就绪!',
|
||||
content: '太棒了!你已经了解了拍摄的基本技巧。现在可以开始创作你的第一个短视频作品了!',
|
||||
nextText: '开始创作'
|
||||
}
|
||||
]
|
||||
|
||||
// 处理引导完成
|
||||
const handleGuideComplete = () => {
|
||||
console.log('引导完成')
|
||||
// 可以跳转到主页面或保存引导状态
|
||||
router.push('/home')
|
||||
}
|
||||
|
||||
// 处理跳过引导
|
||||
const handleGuideSkip = () => {
|
||||
console.log('跳过引导')
|
||||
router.push('/home')
|
||||
}
|
||||
|
||||
// 处理步骤变化
|
||||
const handleStepChange = (step: { title: string }, index: number) => {
|
||||
console.log('步骤变化:', step.title, index)
|
||||
}
|
||||
</script>
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<style scoped>
|
||||
.guide-page {
|
||||
|
||||
Reference in new issue
Block a user