Merge branch 'feature-tianyong-newVersion' into ktyq-test-new

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

@@ -135,4 +135,36 @@
         }        
    } 
 }
-
+.inGradualRangeBlue{
+    :global{
+         #cursorImg-0{
+             // opacity: 0 !important;
+         }
+         .noteActive {
+             path {
+                 fill: #ffffff !important;
+                 stroke: #ffffff !important;
+             }
+ 
+             rect {
+                 stroke: #ffffff !important;
+             }
+         }
+         .lyricActive {
+             text {
+                 fill: #ffffff !important;
+                 stroke: #ffffff !important;
+             }
+         }
+         .voiceActive {
+             rect {
+                 fill: #ffffff !important;
+                 stroke: #ffffff !important;
+             }
+         }
+         .rectActive {
+             fill: #ffffff !important;
+             stroke: #ffffff !important;
+         }        
+    } 
+ }

src/view/music-score/index.tsx

@@ -247,7 +247,8 @@ export default defineComponent({
 				id="musicAndSelection"
 				style={{ "--music-zoom": state.musicZoom }}
 				class={[
-					isInTheGradualRange.value && styles.inGradualRange,
+					(isInTheGradualRange.value && state.isCbsView) && styles.inGradualRange,
+					(isInTheGradualRange.value && !state.isCbsView) && styles.inGradualRangeBlue,
 					state.musicRenderType == EnumMusicRenderType.staff ? "staff" : "jianpuTone",
 					state.isSingleLine && "singleLineMusicBox",
 					(!state.isCreateImg && !state.isPreView && !state.isCbsView && state.musicRenderType === EnumMusicRenderType.staff) ? "blueMusicXml" : "",