style: UI走查修改

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

@@ -236,4 +236,19 @@
         font-size: 14px;
         color: #fff;
     }
+}
+
+.bg2Left {
+    width: 52px;
+    height: 125px;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+.bg2Right {
+    width: 52px;
+    height: 125px;
+    position: absolute;
+    right: 0;
+    top: 0;
 }

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

@@ -39,6 +39,8 @@ import EmptyMusic, { isEmptyMusicShow } from "./emptyMusic"
 import { position } from "html2canvas/dist/types/css/property-descriptors/position";
 import Loading from "./loading"
 import bgJson from "./images/index.json";
+import bg2Left from "./images/bg2_left_zs.png";
+import bg2Right from "./images/bg2_right_zs.png";
 
 // const DelayCheck = defineAsyncComponent(() =>
 //   import('/src/page-instrument/evaluat-model/delay-check')
@@ -485,6 +487,12 @@ export default defineComponent({
           class={styles.pageBg} 
           src={state.modeType === 'practise' ? bgJson[1] : state.modeType === 'evaluating' ? bgJson[2] : state.modeType === 'follow' ? bgJson[3] : ''} 
         />
+        {
+          state.modeType === 'evaluating' ? <>
+            <img src={bg2Left} class={styles.bg2Left} />
+            <img src={bg2Right} class={styles.bg2Right} />
+          </> : null
+        }
         {/* 骨架屏 */}
         {/* <Transition name="van-fade">
           {detailData.skeletonLoading && (

src/page-instrument/view-evaluat-report/index.module.less

@@ -28,9 +28,14 @@
   min-height: 100vh;
   --header-height: 62px;
   // background: rgba(248, 242, 232, 1);
-  background: url("../view-detail/images/bg2.png") no-repeat;
-  background-size: 100% 100%;
-
+  .pageBg {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* 保持宽高比 */
+  }
   :global {
 
     #cursorImg-0 {
@@ -181,4 +186,19 @@
   opacity: 0;
   width: 1;
   height: 1;
+}
+
+.bg2Left {
+  width: 52px;
+  height: 125px;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.bg2Right {
+  width: 52px;
+  height: 125px;
+  position: absolute;
+  right: 0;
+  top: 0;
 }

src/page-instrument/view-evaluat-report/index.tsx

@@ -16,6 +16,9 @@ import TopArrow from "./component/note/topArrow";
 import BottomArrow from "./component/note/bottomArrow";
 import LeftArrow from "./component/note/leftArrow";
 import RightArrow from "./component/note/rightArrow";
+import bgJson from "/src/page-instrument/view-detail/images/index.json";
+import bg2Left from "/src/page-instrument/view-detail/images/bg2_left_zs.png";
+import bg2Right from "/src/page-instrument/view-detail/images/bg2_right_zs.png";
 
 const colorsClass: any = {
   RIGHT: styles.right, // 正确
@@ -426,6 +429,12 @@ export default defineComponent({
     );
     return () => (
       <div class={[styles.detail, state.setting.eyeProtection && "eyeProtection", styles.shareBox]} style={{ paddingLeft: detailData.paddingLeft }}>
+        <img 
+          class={styles.pageBg} 
+          src={bgJson[2]} 
+        />
+        <img src={bg2Left} class={styles.bg2Left} />
+        <img src={bg2Right} class={styles.bg2Right} />       
         <Transition name="van-fade">
           {!state.musicRendered && (
             <div class={styles.skeleton}>