From 23809a9191f390ea3e168a9b7721206e84b14508 Mon Sep 17 00:00:00 2001
From: gaofeihang <2635294817@qq.com>
Date: Wed, 17 Sep 2025 10:51:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=84=9A=E6=9C=AC=E6=92=B0=E5=86=99?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/prepare/index.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/views/prepare/index.vue b/src/views/prepare/index.vue
index 4de2f26..d45805b 100644
--- a/src/views/prepare/index.vue
+++ b/src/views/prepare/index.vue
@@ -24,7 +24,7 @@ const currentHighlight = computed(() =>
 
 const router = useRouter()
 
-const currentStep = ref(0)
+const currentStep = ref(1)
 
 const handleComplete = () => {
   console.log('完成前置条件')
@@ -48,6 +48,7 @@ interface SimpleStep {
 const handleStepChangeGui = (_step: SimpleStep | null, index: number) => {
   stepIndex.value = index
 }
+const highlightShow = ref(true)
 </script>
 
 <template>
@@ -77,19 +78,19 @@ const handleStepChangeGui = (_step: SimpleStep | null, index: number) => {
       <ImgButton :image="IMAGE_PATHS.VLOG.TASK_BTN" @click="handleWorkClick" />
     </div>
     <!-- 前期准备底板 -->
-    <div class="absolute right-90 ml-[135px]">
+    <div v-if="highlightShow" class="absolute right-90 ml-[135px]">
       <ImgButton :image="IMAGE_PATHS.VLOG.PREPARE" />
     </div>
     <!-- 脚本撰写按钮 -->
-    <div class="absolute left-[13%] top-1/3">
+    <div v-if="highlightShow" class="absolute left-[13%] top-1/3">
       <ImgButton :image="IMAGE_PATHS.VLOG.Scripting" />
     </div>
     <!-- 选中箭头 -->
-    <div class="absolute left-[13%] top-[37%] -translate-x-1/2">
+    <div v-if="highlightShow" class="absolute left-[13%] top-[37%] -translate-x-1/2">
       <ImgButton :image="IMAGE_PATHS.VLOG.SelectArrow" />
     </div>
     <!-- 进度百分比 -->
-    <div class="absolute left-1/2 top-[12%] -translate-x-1/2">
+    <div v-if="highlightShow" class="absolute left-1/2 top-[12%] -translate-x-1/2">
       <div class="flex">
         <ImgButton :image="IMAGE_PATHS.VLOG.Progress" />
         <ImgButton :image="IMAGE_PATHS.VLOG.Four" />
@@ -102,6 +103,7 @@ const handleStepChangeGui = (_step: SimpleStep | null, index: number) => {
 
     <div class="absolute bottom-0 w-full">
       <ProgressBar
+        v-if="highlightShow"
         :current-step="currentStep"
         @complete="handleComplete"
         @step-change="handleStepChange"
@@ -115,6 +117,14 @@ const handleStepChangeGui = (_step: SimpleStep | null, index: number) => {
       @step-change="handleStepChangeGui"
     />
   </div>
+  <div
+    v-if="highlightShow"
+    class="absolute right-0 top-0"
+    style="z-index: 998; cursor: pointer"
+    @click="highlightShow = false"
+  >
+    <img src="@/assets/images/midterm/叉.png" alt="" />
+  </div>
 </template>
 <style>
 .guide-ui {