ow

WebVue/src/views/master/Preview.vue

@@ -44,12 +44,27 @@ const mode = ref<string>(route.params.mode as string)
  */
 const controlsVisible = ref(true);
 
+/** 退出全屏后让顶栏短暂不响应指针的定时器 */
+let settleTimer = 0;
+
 watch(controlsVisible, (visible) => {
     document.body.classList.toggle("pv-fullscreen", !visible);
+
+    // 退出全屏时鼠标往往正好停在右上角（恢复按钮的位置，也是顶栏菜单的位置），
+    // 顶栏一恢复显示就会被 hover 展开下拉。让它先"冷静" 400ms，避开这次误触。
+    if (visible) {
+        window.clearTimeout(settleTimer);
+        document.body.classList.add("pv-settling");
+        settleTimer = window.setTimeout(() => {
+            document.body.classList.remove("pv-settling");
+        }, 400);
+    }
 });
 
 onUnmounted(() => {
     document.body.classList.remove("pv-fullscreen");
+    document.body.classList.remove("pv-settling");
+    window.clearTimeout(settleTimer);
 });
 
 const toIndex = ref<number>(0)