Ver código fonte

左侧按钮 一起向上移动

黄琪勇 8 meses atrás
pai
commit
a69e1cbca2

+ 5 - 1
src/page-instrument/header-top/index.module.less

@@ -89,6 +89,10 @@
     left: 30px;
     display: flex;
     align-items: center;
+    transition: all 0.3s;
+    &.headTopLeftHide{
+        margin-top: -54px;
+    }
 
     .img {
         width: 32px;
@@ -328,7 +332,7 @@
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
-        width: 38px;
+        width: 36px; // 宽给小一点,底部不会切边
         height: 38px;
     }
 }

+ 2 - 2
src/page-instrument/header-top/index.tsx

@@ -668,8 +668,8 @@ export default defineComponent({
           }}
         >
           {/* 返回和标题 */}
-          {!(state.playState == "play" || followData.start || evaluatingData.startBegin) &&  (
-            <div id="noticeBarRollDom" class={styles.headTopLeftBox}>
+          {!(followData.start || evaluatingData.startBegin) &&  (
+            <div id="noticeBarRollDom" class={[styles.headTopLeftBox, state.playState == "play" && styles.headTopLeftHide]}>
               {
                 !query.isMove && !query.isHideBack && <img src={iconBack} class={["headTopBackBtn", styles.img, !headTopData.showBack && styles.hidenBack]} onClick={handleBack} />
               }