refactor: 删除错误引用

2025-09-14 13:00:56 +08:00
1 parent 621a6e079a
commit 30f2d5e1f6
@@ -1,69 +1,8 @@
 <template>
-  <div class="guide-page w-full h-full relative">
+  <div class="guide-page w-full h-full relative"></div>
    <GuideSteps
      ref="guideStepsRef"
      :steps="guideSteps"
      @complete="handleGuideComplete"
      @skip="handleGuideSkip"
      @step-change="handleStepChange"
    />
  </div>
 </template>
-<script setup lang="ts">
+<script setup lang="ts"></script>
 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>
 <style scoped>
 .guide-page {