Przeglądaj źródła

修改 其他曲目点击按钮布局

黄琪勇 11 miesięcy temu
rodzic
commit
e8d80a3b39

+ 12 - 18
src/page-instrument/header-top/index.module.less

@@ -54,24 +54,18 @@
     .title{
         width: 216px;
         margin-left: 10px;
-        &.isMusicList{
-            :global{
-                .van-notice-bar{
-                    &::after{
-                        max-width: calc(216px + 16px);
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-                        content: "";
-                        width: calc(var(--noticeBarWidth,100%) + 16px);
-                        height: 100%;
-                        background: url("./image/sj.png") no-repeat;
-                        background-size: 9px 6px;
-                        background-position: center right;                   
-                    }
-                    
-                }
-            }
+        position: relative;
+        .symbolNote{
+            max-width: calc(216px + 16px);
+            position: absolute;
+            top: 0;
+            left: 0;
+            content: "";
+            width: calc(var(--noticeBarWidth,100%) + 16px);
+            height: 100%;
+            background: url("./image/sj.png") no-repeat;
+            background-size: 9px 6px;
+            background-position: center right;                   
         }
         :global{
             .van-notice-bar{

+ 4 - 1
src/page-instrument/header-top/index.tsx

@@ -646,10 +646,13 @@ export default defineComponent({
                           "--noticeBarWidth":noticeBarWidth.value + "px"
                         } : {}
                       }
-                      class={[styles.title,isMusicList.value && styles.isMusicList, "driver-8"]} 
+                      class={[styles.title, "driver-8"]} 
                       onClick={()=>{
                         isMusicList.value && (musicListShow.value = true)
                       }}>
+                        {
+                          isMusicList.value && <div class={styles.symbolNote}></div>
+                        }
                         <NoticeBar
                           text={state.examSongName}
                           background="none"

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

@@ -118,7 +118,8 @@ export default defineComponent({
       api_setStatusBarVisibility();
       const settting = store.get("musicscoresetting");
       if (settting) {
-        state.setting = settting;
+        //state.setting = settting;
+        Object.assign(state.setting, settting)
         //state.setting.beatVolume = state.setting.beatVolume || 50
         state.setting.beatVolume = 50
         if (state.setting.camera) {