声轨改为声部 3种模式样式修改

src/page-instrument/header-top/index.tsx

@@ -788,7 +788,7 @@ export default defineComponent({
                 }}
               >
                 <img class={styles.iconBtn} src={headImg(`shenggui.png`)} />
-                <span>声轨</span>
+                <span>声部</span>
               </div>
             )}
             <div id={state.platform === IPlatform.PC ? "teacherTop-6" : "studnetT-6"} style={{ display: settingBtn.value.display ? "" : "none" }} class={[styles.btn, settingBtn.value.disabled && styles.disabled]} onClick={() => (headTopData.settingMode = true)}>

src/view/plugins/toggleMusicSheet/choosePartName/index.module.less

@@ -1,4 +1,30 @@
 .container {
+  &.follow{
+    .head{
+        background: url("../../../../page-instrument/header-top/image/headImg1.png") no-repeat;
+        background-size: 100% 100%; 
+    }
+    .pickerCon{
+        background: #ACDDEA;
+        box-shadow: 0px 4px 0px 0px #5EA2B9;
+        .pickerBox{
+            background: #E3F3F5;
+        }
+    }
+}
+&.evaluating{
+    .head{
+        background: url("../../../../page-instrument/header-top/image/headImg2.png") no-repeat;
+        background-size: 100% 100%; 
+    }
+    .pickerCon{
+        background: #B0CDFF;
+        box-shadow: 0px 4px 0px 0px #759CE4;
+        .pickerBox{
+            background: #EAF1FB;
+        }
+    }
+}
   .head {
       background: url("../../../../page-instrument/header-top/image/headImg.png") no-repeat;
       background-size: 100% 100%;
@@ -7,11 +33,11 @@
       position: relative;
       .headTit{
           position: absolute;
-          bottom: 9px;
+          bottom: 8px;
           left: 50%;
           transform: translateX(-50%);
-          width: 38px;
-          height: 18px;
+          width: 76px;
+          height: 20px;
       }        
       .closeImg{
           position: absolute;

src/view/plugins/toggleMusicSheet/choosePartName/index.tsx

@@ -39,7 +39,7 @@ export default defineComponent({
 			// console.log(myPicker.value,99999,selValues.value,props.partIndex)
 		});
     return () => (
-      <div class={[styles.container, state.platform === IPlatform.PC && styles.pcContainer]}>
+      <div class={[styles.container, state.platform === IPlatform.PC && styles.pcContainer, styles[state.modeType]]}>
         <div class={styles.head}>
           <img class={styles.headTit} src={changeName} />
           <img class={styles.closeImg} src={headImg("closeImg.png")} onClick={() => emit("close")} />