背景增加默认，按钮背景改为图片

src/page-instrument/header-top/settting/index.module.less

@@ -256,6 +256,7 @@
                                 font-weight: 600;
                                 font-size: 15px;
                                 color: #1CACF1;
+                                caret-color: #1cacf1;
                             }
                         }
                     }

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

@@ -36,6 +36,16 @@
         width: 100%;
         height: 100%;
         object-fit: cover; /* 保持宽高比 */
+        z-index: -1;
+        &.practise{
+            background-color: #213793;
+        }        
+        &.follow{
+            background-color: #114067;
+        }        
+        &.evaluating{
+            background-color: #142979;
+        }
     }
     .headHeight {
         position: absolute;

src/page-instrument/view-detail/index.tsx

@@ -526,7 +526,10 @@ export default defineComponent({
             style={{opacity: state.setting.camera && state.modeType === 'evaluating' ? state.setting.cameraOpacity / 100 : 1}} 
             class={styles.pageBg} 
             src={state.modeType === 'practise' ? bgJsonData.value[1] : state.modeType === 'evaluating' ? bgJsonData.value[2] : state.modeType === 'follow' ? bgJsonData.value[3] : ''} 
-          /> : null    
+          /> : <div 
+                style={{opacity: state.setting.camera && state.modeType === 'evaluating' ? state.setting.cameraOpacity / 100 : 1}}  
+                class={[styles.pageBg, styles[state.modeType]]} >
+              </div>    
         }
         {
           state.modeType === 'evaluating' ? <>

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

@@ -120,12 +120,11 @@
     }
   }
   .button {
+    display: block;
+    margin: 10px auto 0;
     cursor: pointer;
     width: 118px;
     height: 40px;
-    margin: 10px auto 0;
     z-index: 9;
-    background: url("./imgs/okBtn.png") no-repeat;
-    background-size: 100% 100%;
   }
 }

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

@@ -5,6 +5,7 @@ import state, { IPlatform } from "/src/state";
 import changeName from "./imgs/changeName.png"
 import { headImg } from "/src/page-instrument/header-top/image";
 import { toggleMusicSheet } from "../index"
+import okBtn from "./imgs/okBtn.png"
 
 export default defineComponent({
   name: 'choosePartName',
@@ -75,7 +76,7 @@ export default defineComponent({
                 selectIndex.value = row.selectedValues[0]
               }}
             />
-            <div class={styles.button} onClick={() => {
+            <img src={ okBtn } class={styles.button} onClick={() => {
                 myPicker.value.confirm()
                 nextTick(()=>{
                   // console.log(1111,selectIndex.value)
@@ -86,7 +87,7 @@ export default defineComponent({
                   }
                 })
               }
-            }></div>
+            }></img>
           </div>
         </div>
       </div>