feat: 添加思维导图支持，更新引导步骤组件，优化视频播放与学习进度追踪功能

src/views/film/practice/video/index.vue

@@ -3,10 +3,10 @@ import { useRouter } from 'vue-router'
 import { Video } from '@/components'
 import { ImgButton } from '@/components/Button'
 import { StarRating } from '@/components/Rating'
-import { IMAGE_PATHS, getBackgroundImage } from '@/utils'
+import { IMAGE_PATHS, getBackgroundImage, getPublicPath } from '@/utils'
 import { Overlay } from '@/components/Overlay'
 import { ref } from 'vue'
-
+import { GuideSteps, GuideStepsItem } from '@/components/Guide'
 const router = useRouter()
 
 const props = defineProps({
@@ -71,12 +71,12 @@ const handleBack = (): void => {
       @click="handleBack"
     />
     <ImgButton
-      class="absolute right-0 bottom-10 z-50"
+      class="absolute right-0 bottom-10 z-50 btn-1"
       image="vlog/practice/评分"
       @click="showModal = true"
     />
     <Video
-      :src="decodeURIComponent(props.path)"
+      :src="getPublicPath(decodeURIComponent(props.path))"
       :volume="1"
       :muted="false"
       :controls="true"
@@ -125,5 +125,8 @@ const handleBack = (): void => {
         </div>
       </div>
     </Overlay>
+    <GuideSteps :visible="true" :highlight-selector="'.btn-1'" position-offset-y="60%">
+      <GuideStepsItem>点击这里可以给作品评分噢～</GuideStepsItem>
+    </GuideSteps>
   </div>
 </template>