头部工具栏 3秒钟自动收起

src/page-instrument/view-detail/index.tsx

@@ -431,9 +431,7 @@ export default defineComponent({
     watch(
       () => state.playState,
       () => {
-        // if (state.platform != IPlatform.PC) {
-        //   headerColumnHide.value = state.playState === "play" ? true : false;
-        // }
+        _timeColumnHide && clearTimeout(_timeColumnHide)
         headerColumnHide.value = state.playState === "play" ? true : false;
         sendParentMessage(state.playState);
       }
@@ -442,6 +440,7 @@ export default defineComponent({
     watch(
       () => followData.practiceStart,
       () => {
+        _timeColumnHide && clearTimeout(_timeColumnHide)
         headerColumnHide.value = followData.practiceStart;
       }
     );
@@ -449,6 +448,7 @@ export default defineComponent({
     watch(
       () => evaluatingData.startBegin,
       () => {
+        _timeColumnHide && clearTimeout(_timeColumnHide)
         headerColumnHide.value = evaluatingData.startBegin;
       }
     );    
@@ -511,6 +511,7 @@ export default defineComponent({
       detailData.fingerPreView = false;
       detailData.fingerPreViewGuide = false;
     };
+    let _timeColumnHide: NodeJS.Timeout
     return () => (
       <div
         class={[styles.detail, styles[state.modeType], state.setting.eyeProtection && "eyeProtection", state.platform === IPlatform.PC && state.zoom > 0.8 && styles.PC, state.isPreView && styles.preViewDetail, state.isCbsView && styles.cbsViewDetail]}
@@ -542,12 +543,16 @@ export default defineComponent({
           class={[styles.container, !state.setting.displayCursor && "hideCursor", browsInfo.xiaomi && styles.xiaomi, state.platform === IPlatform.PC && styles.pcContainer]}
           onClick={(e: Event) => {
             e.stopPropagation();
-            // if (state.playState === "play" && state.platform != IPlatform.PC) {
-            //   headerColumnHide.value = !headerColumnHide.value;
-            // }
             // 点击谱面跟练也需要切换显示按钮栏
             if (state.playState === "play" || followData.start || evaluatingData.startBegin) {
+              _timeColumnHide && clearTimeout(_timeColumnHide)
               headerColumnHide.value = !headerColumnHide.value;
+              if(!headerColumnHide.value){
+                _timeColumnHide = setTimeout(() => {
+                  _timeColumnHide && clearTimeout(_timeColumnHide)
+                  headerColumnHide.value = true
+                }, 3000);
+              }
             }
           }}
         >