feat: 曲谱链接修改

src/views/creation/index-share.tsx

@@ -430,8 +430,8 @@ export default defineComponent({
     });
     // 初始化五线谱
     function initStaff(){
-      // const src = `/klx-music-score/#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
-      const src = `http://192.168.3.68:3000/instrument.html#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
+      const src = `/klx-music-score/#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
+      // const src = `http://192.168.3.68:3000/instrument.html#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
       staffState.staffSrc = src
       window.addEventListener('message', (event) => {
         const { api, height } = event.data;
@@ -688,7 +688,7 @@ export default defineComponent({
                       staffState.staffSrc &&
                       <div class={[styles.staffBoxCon, staffState.isShow && styles.staffBoxShow]}>
                         <div
-                          class={styles.staffBox}
+                          class={[styles.staffBox, state.playType === 'Video' && styles.staffBoxBg]}
                           style={
                             {
                               '--staffBoxHeight':staffState.height

src/views/creation/index.module.less

@@ -234,6 +234,11 @@
       width: 100%;
       height: 100%;
     }
+    &.staffBoxBg {
+      .staff{
+        background-color: rgba(255, 255, 255, 0.7) !important;
+      }
+    }
   }
 }
 
@@ -919,5 +924,10 @@
     .staff{
       padding-left: 20px;
     }
+    &.staffBoxBg {
+      .staff{
+        background-color: rgba(255, 255, 255, 0.7) !important;
+      }
+    }
   }
 }

src/views/creation/index.tsx

@@ -423,8 +423,8 @@ export default defineComponent({
     }
     // 初始化五线谱
     function initStaff(){
-      // const src = `/klx-music-score/#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
-      const src = `http://192.168.3.68:3000/instrument.html#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
+      const src = `/klx-music-score/#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
+      // const src = `http://192.168.3.68:3000/instrument.html#/simple-detail?id=${state.musicDetail.musicSheetId}&musicRenderType=${staffState.musicRenderType}&part-index=${staffState.partIndex}&userMusicId=${state.id}`;
       staffState.staffSrc = src
       window.addEventListener('message', (event) => {
         const { api, height } = event.data;
@@ -650,7 +650,7 @@ export default defineComponent({
               staffState.staffSrc &&
               <div class={[styles.staffBoxCon, staffState.isShow && styles.staffBoxShow]}>
                 <div
-                  class={styles.staffBox}
+                  class={[styles.staffBox, state.playType === 'Video' && styles.staffBoxBg]}
                   style={
                     {
                       '--staffBoxHeight':staffState.height