fix: 进度条高亮部分高亮

src/components/ProgressBar/ProgressBar.vue

@@ -24,8 +24,12 @@
           :class="getStepStatus(index)"
         >
           <span class="step-text">
-            <img :src="step.name" alt="" />
-            <img :src="step.icon" alt="" />
+            <img
+              :src="
+                props.currentPage === index ? steps[index].nameSelect : steps[index].nameselectNot
+              "
+              alt=""
+            />
             <img class="step-ellipsis" src="@/assets/images/midterm/进度装饰（未完成.png" alt="" />
           </span>
         </div>
@@ -67,7 +71,11 @@ interface Props {
   /** 当前步骤索引 (0-3) */
   currentStep?: number
 }
-
+//
+interface Props {
+  /** 当前步骤索引 (0-3) */
+  currentPage?: number
+}
 // 定义事件
 interface Emits {
   /** 点击完成按钮时触发 */
@@ -75,7 +83,8 @@ interface Emits {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  currentStep: 0
+  currentStep: 0,
+  currentPage: 0
 })
 
 const emit = defineEmits<Emits>()
@@ -93,16 +102,16 @@ const handleComplete = () => {
 // 步骤配置
 const steps = [
   {
-    name: '/src/assets/images/midterm/前期准备.png',
-    icon: '/src/assets/images/midterm/准备图标.png'
+    nameSelect: '/src/assets/images/midterm/前期准备-选中.png',
+    nameselectNot: '/src/assets/images/midterm/前期准备-未选中.png'
   },
   {
-    name: '/src/assets/images/midterm/中期拍摄.png',
-    icon: '/src/assets/images/midterm/拍摄图标.png'
+    nameSelect: '/src/assets/images/midterm/中期拍摄-选中.png',
+    nameselectNot: '/src/assets/images/midterm/中期拍摄-未选中.png'
   },
   {
-    name: '/src/assets/images/midterm/后期剪辑.png',
-    icon: '/src/assets/images/midterm/剪辑图标.png'
+    nameSelect: '/src/assets/images/midterm/后期剪辑-选中.png',
+    nameselectNot: '/src/assets/images/midterm/后期剪辑-未选中.png'
   }
 ]