feat: 完善课程引导与实战评价体验

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/views/basic-elements/camera-movement/index.vue

@@ -2,7 +2,7 @@
 import { computed, nextTick, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ImgButton from '@/components/Button/ImgButton.vue'
-import { StepNavigation } from '@/components/Guide'
+import StepNavigation from '@/components/Guide/StepNavigation.vue'
 import { Video } from '@/components'
 import { getPublicPath, getStaticImage, IMAGE_PATHS } from '@/utils'
 // 运镜初识 - 暂时用运镜的基本方式代替
@@ -55,16 +55,20 @@ const navigationSteps = ref([
     id: 'step2',
     label: '视觉素养',
     content: '正确的手机拍摄持机姿势',
-    videoUrl: getPublicPath('video/new/movement/xinshou_zhengquedeshoujipaishe.mp4'),
-    type: 'planning' as const
+    videoUrl: getPublicPath(
+      'video/new/movement/xinshou_zhengquedeshoujipaishe.mp4',
+    ),
+    type: 'planning' as const,
   },
   {
     id: 'step3',
     label: '视觉素养',
     content: '运镜的基本方式',
-    videoUrl: getPublicPath('video/new/movement/xinshou_yunjingdejibenfangshi.mp4'),
-    type: 'planning' as const
-  }
+    videoUrl: getPublicPath(
+      'video/new/movement/xinshou_yunjingdejibenfangshi.mp4',
+    ),
+    type: 'planning' as const,
+  },
 ])
 
 // 步骤导航相关状态
@@ -75,7 +79,9 @@ const currentNavigationStep = ref(0) // 对应视频索引，从0开始
 const currentVideoIndex = ref(0)
 
 //按顺序播放
-const currentVideo = computed(() => navigationSteps.value[currentVideoIndex.value].videoUrl)
+const currentVideo = computed(
+  () => navigationSteps.value[currentVideoIndex.value].videoUrl,
+)
 const handleVideoChange = () => {
   if (currentVideoIndex.value < navigationSteps.value.length - 1) {
     currentVideoIndex.value++
@@ -137,7 +143,12 @@ const handleStepNavigationClose = () => {
       @click="showStepNavigation = true"
       title="步骤导航"
     >
-      <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+      <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+      >
         <path
           d="M3 4H17M3 8H17M3 12H17M3 16H17"
           stroke="currentColor"