feat: 脚本撰写完成

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 {