Tcode平台改造升级-态势感知指挥中心页面优化,使用滚动模式会使页面短暂白屏

src/views/Jyh/Situation/index.vue

@@ -18,7 +18,7 @@
 <!--        @click="navigateTo('screen-a')"-->
 <!--      >-->
 <!--        <div class="card-icon">🖥️</div>-->
-<!--        <h3>进入全球开源风险态势感知监控中心</h3>-->
+<!--        <h3>全球开源风险态势感知监控中心</h3>-->
 <!--      </div>-->
 <!--      <div-->
 <!--        class="entrance-card"-->
@@ -26,6 +26,12 @@
 <!--      >-->
 <!--        <div class="card-icon">🖥️</div>-->
 <!--        <h3>进入开源生态与贡献价值全景</h3>-->
+<!--      </div><div-->
+<!--        class="entrance-card"-->
+<!--        @click="navigateTo('screen-b')"-->
+<!--      >-->
+<!--        <div class="card-icon">🖥️</div>-->
+<!--        <h3>进入开源生态与贡献价值全景</h3>-->
 <!--      </div>-->
 <!--    </div>-->
   </div>
@@ -35,24 +41,6 @@
 import { useRouter } from 'vue-router'
 import BigScreen from './indexold.vue'
 
-// 初始化路由
-const router = useRouter()
-
-// 跳转处理函数
-const navigateTo = (screenType) => {
-  switch (screenType) {
-    case 'screen-a':
-      // 替换为大屏A实际路由
-      router.push('/coc/screen-a')
-      break
-    case 'screen-b':
-      // 替换为大屏B实际路由
-      router.push('/coc/screen-b')
-      break
-    default:
-      break
-  }
-}
 </script>
 
 <style scoped>
@@ -86,8 +74,8 @@ const navigateTo = (screenType) => {
 
 /* 视频占位区 */
 .video-placeholder {
-  width: 80%;
-  height: 800px;
+  width: 90%;
+  height: 850px;
   margin: 0 auto 4rem;
   /*border: 2px dashed #475569;*/
   border-radius: 8px;