Merge branch 'feature-tianyong' into online

src/page-instrument/view-detail/index.module.less

@@ -63,7 +63,7 @@
     .jianpuTone {
         #cursorImg-0 {
             width: 18Px;
-            transform: translateX(7Px) !important;
+            transform: translateX(6.3Px) !important;
         }
     }
 
@@ -98,12 +98,14 @@
         .staff {
             #cursorImg-0 {
                 width: 35Px;
+                transform: translateX(21Px) !important;
             }
         }
 
         .jianpuTone {
             #cursorImg-0 {
                 width: 29Px;
+                transform: translateX(13Px) !important;
             }
         }
 
@@ -121,6 +123,7 @@
                 justify-content: center;
             }
         }
+       
     }
 
     .headHeight.headHide {

src/view/selection/index.module.less

@@ -95,7 +95,7 @@
     min-height: 58PX;
     // width: 14PX;
     width: 2PX !important;
-    margin-top: -14PX;
+    margin-top: -17PX;
     border-radius: 4Px;
     opacity: var(--corsor-opacity);   
     transform: translateX(4Px);
@@ -234,3 +234,9 @@
     }
 }
 
+.linePC {
+    .line {
+        min-height: 94Px;
+        transform: translateX(8.5Px);
+    } 
+}

src/view/selection/index.tsx

@@ -1,5 +1,5 @@
 import { computed, defineComponent, onMounted, reactive, Transition } from "vue";
-import state, { EnumMusicRenderType, handleSelection, skipNotePlay } from "/src/state";
+import state, { EnumMusicRenderType, handleSelection, skipNotePlay, IPlatform } from "/src/state";
 import styles from "./index.module.less";
 import { metronomeData } from "/src/helpers/metronome";
 import { evaluatingData } from "../evaluating";
@@ -229,6 +229,7 @@ export default defineComponent({
 										styles.position,
 										showClass.value(item),
 										scoreItem ? `scoreItemLeve${scoreItem.leve}` : "",
+										state.platform === IPlatform.PC ? styles.linePC : ''
 									]}
 									style={item.staveBox}
 									onClick={() => handleSelection(item)}