声轨 按钮修改

src/view/music-score/combineAudio/index.module.less

@@ -2,9 +2,10 @@
    .combineAudioImg {
       position: absolute;
       z-index: 119;
-      width: 22px;
-      height: 22px;
-      padding: 2px;
+      width: 22PX;
+      height: 22PX;
+      padding: 2PX;
+      transform: scale(var(--combineZoom));
    }
    &.play .combineAudioImg {
       pointer-events: none;

src/view/music-score/combineAudio/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, ref } from "vue"
+import { defineComponent, onMounted, ref, computed } from "vue"
 import styles from "./index.module.less"
 import { audioData, changeCombineAudio } from "/src/view/audio-list"
 import openImg from "./imgs/open.png"
@@ -29,6 +29,15 @@ export default defineComponent({
             }
          })
       })
+      const combineZoom = computed(() => {
+         let zoom = state.zoom
+         if (zoom < 1) {
+            zoom = 1
+         } else if (zoom > 1.5) {
+            zoom = 1.5
+         }
+         return zoom
+      })
       return () => (
          <>
             <div class={[styles.combineAudio, state.playState === "play" && styles.play]}>
@@ -41,7 +50,8 @@ export default defineComponent({
                         }}
                         style={{
                            top: item.top + "px",
-                           left: item.left + "px"
+                           left: item.left - ((combineZoom.value - 1) * 22) + "px",
+                           "--combineZoom": combineZoom.value
                         }}
                         src={audioData.combineIndex === item.index ? openImg : lockImg}
                      />

src/view/music-score/index.tsx

@@ -262,7 +262,7 @@ export default defineComponent({
 			>
 				{slots.default?.()}
 				{props.showSelection && musicData.showSelection && !state.isEvaluatReport &&!state.isSimplePage && !state.isPreView && state.musicRendered && <Selection />}
-				{props.showSelection && musicData.showSelection && state.isCombineRender && state.musicRendered && <CombineAudio></CombineAudio> }
+				{props.showSelection && musicData.showSelection && state.isCombineRender &&!state.isSimplePage && !state.isPreView && state.musicRendered && <CombineAudio></CombineAudio> }
 			</div>
 		);
 	},