Browse Source

解决小鸟可能超出 被截断的问题

黄琪勇 10 months ago
parent
commit
ab458dc1c3

+ 0 - 2
src/page-instrument/component/authorName/index.module.less

@@ -1,7 +1,5 @@
 .authorName{
     height: 1.8rem;
-    position: relative;
-    top: 36px;
 }
 .title{
     width: 280px;

+ 8 - 6
src/page-instrument/view-detail/index.module.less

@@ -60,16 +60,18 @@
 
     .container {
         position: sticky;
-        top: 36px;
-        height: calc(100vh - 36px);
+        top: 0;
+        height: 100vh;
         border-radius: 10px;
         transition: height .2s;
         transition: padding-bottom .2s;
         overflow: hidden;
-    }
-    .multiContainer {
-        top: 0;
-        height: calc(100vh);
+        :global{
+            #musicAndSelection {
+                // 其他位置 这个高度留白是36,这里加了一点,让旋律线靠下一点
+                padding-top: 40px;
+            }
+        }
     }
     .pcContainer {
         // height: calc(100vh - var(--header-height) - var(--pc-header-height));

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

@@ -499,7 +499,7 @@ export default defineComponent({
         <div
           id="scrollContainer"
           style={{ ...fingerConfig.value.container }}
-          class={[styles.container, !state.setting.displayCursor && "hideCursor", browsInfo.xiaomi && styles.xiaomi, state.platform === IPlatform.PC && styles.pcContainer, (!state.isSingleLine || state.isCombineRender) && styles.multiContainer]}
+          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) {