样式修改

src/page-instrument/component/authorName/index.module.less

@@ -18,7 +18,7 @@
             padding: 0;
             font-weight: 600;
             font-size: 22px;
-            color: #FFFFFF;
+            color: #333333;
             .van-notice-bar__wrap{
                 justify-content: center;
             }
@@ -37,7 +37,7 @@
                 padding: 0;
                 font-weight: 400;
                 font-size: 13px;
-                color: #FFFFFF;
+                color: #333333;
                 line-height: 20px;
                 .van-notice-bar__wrap{
                     justify-content: flex-end;

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

@@ -94,7 +94,7 @@
                 padding: 0;
                 font-weight: 600;
                 font-size: 18px;
-                color: #FFFFFF;
+                color: #333333;
             }
         }
     }
@@ -117,9 +117,11 @@
     position: fixed;
     top: 20px;
     right: 30px;
-    height: 32px;
-    background: rgba(0, 0, 0, .4);
+    height: 36px;
     border-radius: 16px;
+    background: #FFFFFF;
+    border-radius: 16px;
+    border: 3px solid #B5ECF1;
     display: flex;
     align-items: center;
     padding: 0 10px;
@@ -133,7 +135,7 @@
         margin-left: 6px;
         font-weight: 500;
         font-size: 14px;
-        color: #FFFFFF;
+        color: #1E6B98;
     }
 }
 

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

@@ -51,15 +51,6 @@
         width: 100%;
         height: 100%;
         object-fit: cover; /* 保持宽高比 */
-        &.practise{
-            background-color: #213793;
-        }        
-        &.follow{
-            background-color: #114067;
-        }        
-        &.evaluating{
-            background-color: #142979;
-        }
     }
 
     .headHeight {
@@ -395,18 +386,4 @@
         font-size: 14px;
         color: #fff;
     }
-}
-
-.bg2Left {
-    width: 52px;
-    position: absolute;
-    left: 0px;
-    top: 0;
-}
-
-.bg2Right {
-    width: 52px;
-    position: absolute;
-    right: 0;
-    top: 0;
 }

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

@@ -40,8 +40,6 @@ import { position } from "html2canvas/dist/types/css/property-descriptors/positi
 import Loading from "./loading"
 import LoadingCss from "./loadingCss"
 // 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')
@@ -530,15 +528,9 @@ export default defineComponent({
             src={state.modeType === 'practise' ? bgJsonData.value[1] : state.modeType === 'evaluating' ? bgJsonData.value[2] : state.modeType === 'follow' ? bgJsonData.value[3] : ''} 
           /> : <div 
                 style={{opacity: state.setting.camera && state.modeType === 'evaluating' ? state.setting.cameraOpacity / 100 : 1}}  
-                class={[styles.pageBg, styles[state.modeType]]} >
+                class={[styles.pageBg]} >
               </div>    
         }
-        {
-          state.modeType === 'evaluating' ? (<>
-            <img src={bg2Left} class={styles.bg2Left} />
-            <img src={bg2Right} class={styles.bg2Right} />
-          </>
-        ) : null}
         {/* 骨架屏 */}
         {/* <Transition name="van-fade">
           {detailData.skeletonLoading && (