提示修改

src/components/Course/courseForm.vue

@@ -75,7 +75,7 @@
     </div>
 
     <!-- 高亮指引元素 -->
-    <div v-if="showGuidance" class="highlight-element" :style="highlightStyle"></div>
+<!--    <div v-if="showGuidance" class="highlight-element" :style="highlightStyle"></div>-->
 
 
     <!--微课-->
@@ -1004,26 +1004,7 @@ export default {
 
       const currentElement = this.guidanceElements[this.currentStep - 1];
       if (currentElement) {
-        const rect = currentElement.getBoundingClientRect();
-        this.highlightStyle = {
-          top: `${rect.top}px`,
-          left: `${rect.left}px`,
-          width: `${rect.width}px`,
-          height: `${rect.height}px`,
-        };
-
-        // 滚动到可见区域
         currentElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        // // 特殊处理录播课标签位置，避免被遮挡
-        if (this.courseInfo.type === 20 && this.currentStep === 1) {
-          console.info('-- 特殊处理录播课标签位置 -- ')
-          this.highlightStyle = {
-            top: `252.513px`,
-            left: `${rect.left}px`,
-            width: `${rect.width}px`,
-            height: `${rect.height}px`,
-          };
-        }
       }
     },
 // 下一步
@@ -2002,7 +1983,9 @@ export default {
   max-width: 500px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
   z-index: 10000;
-  top: 0%;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 .guidance-title {