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

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

src/views/film/midterm-shooting/on-site/slider.vue

@@ -2,7 +2,10 @@
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { ImgButton } from '@/components/Button'
-import { Video, QuestionQuiz, type Question } from '@/components'
+import { Video } from '@/components'
+import QuestionQuiz, {
+  type Question,
+} from '@/components/QuestionQuiz/QuestionQuiz.vue'
 import { getPublicPath, IMAGE_PATHS } from '@/utils'
 
 const router = useRouter()
@@ -12,7 +15,9 @@ const handleBack = () => {
 }
 
 // 滑轨拍摄视频 URL
-const sliderVideoUrl = getPublicPath('video/film/on-site/dygmk_hgydjt_batch.mp4')
+const sliderVideoUrl = getPublicPath(
+  'video/film/on-site/dygmk_hgydjt_batch.mp4',
+)
 
 // 视频播放状态
 const videoEnded = ref(false)
@@ -34,15 +39,16 @@ const questions = ref<Question[]>([
     options: [
       {
         id: 'a',
-        label: '人物正对镜头说话，背景简单，镜头静止人物正对镜头说话，背景简单，镜头静止'
+        label:
+          '人物正对镜头说话，背景简单，镜头静止人物正对镜头说话，背景简单，镜头静止',
       },
       { id: 'b', label: '人物站在窗边，前景有栏杆或墙体，镜头缓慢横向移动' },
-      { id: 'c', label: '人物快速奔跑，摄影师跟着移动拍摄' }
+      { id: 'c', label: '人物快速奔跑，摄影师跟着移动拍摄' },
     ],
     correctOptionId: 'b',
     explanation:
-      '滑轨镜头的价值，不在"动"，而在稳定、克制地交代空间关系。当前景—人物—背景同时存在时，缓慢的横向移动，会让画面产生层次和叙事感，而不是分散注意力。'
-  }
+      '滑轨镜头的价值，不在"动"，而在稳定、克制地交代空间关系。当前景—人物—背景同时存在时，缓慢的横向移动，会让画面产生层次和叙事感，而不是分散注意力。',
+  },
 ])
 
 // 答题完成
@@ -52,7 +58,9 @@ const handleQuestionsComplete = () => {
 </script>
 
 <template>
-  <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
+  <div
+    class="relative w-full h-full flex items-center justify-center overflow-hidden"
+  >
     <!-- 视频播放区域 -->
     <Video
       class="w-full h-full"