样式修改

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

@@ -6,8 +6,6 @@
     flex-shrink: 0;
     margin-left: calc(-1 * var(--detailDataPaddingLeft));
     padding: 0 30px;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
-
     &.headerTopRight {
         justify-content: flex-end;
     }
@@ -26,7 +24,7 @@
     left: 30px;
     bottom: 20px;
     border-radius: 16px;
-    background-color: rgba(12, 51, 107, 0.61);
+    background-color: rgba(0, 0, 0, 0.3);
     padding: 6px 11px;
     align-items: center;
     display: flex;
@@ -38,7 +36,7 @@
         font-weight: 500;
         font-size: 14px;
         line-height: 20px;
-        color: rgba(255, 255, 255, 0.7);
+        color: #ffffff;
     }
 
     &>img {
@@ -166,13 +164,13 @@
             margin-top: 3px;
             font-weight: 500;
             font-size: 12px;
-            color: #FFFFFF;
+            color: #333333;
             line-height: 17px;
         }
 
         &:active {
             >span {
-                color: #34D6FF
+                color: #0EA7FF
             }
 
             ;
@@ -220,7 +218,7 @@
 
         &.isSection {
             >span {
-                color: #34D6FF
+                color: #0EA7FF
             }
 
             ;
@@ -246,7 +244,7 @@
             }
 
             >span {
-                color: #34D6FF
+                color: #0EA7FF
             }
 
             ;
@@ -264,7 +262,7 @@
             }
 
             >span {
-                color: #34D6FF
+                color: #0EA7FF
             }
 
             ;
@@ -282,7 +280,7 @@
             }
 
             >span {
-                color: #34D6FF
+                color: #0EA7FF
             }
 
             ;
@@ -302,7 +300,7 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            background: #0EA7FF;
+            background: #FFC121;
             border-radius: 120px 120px 120px 1px;
             border: 1px solid #FFFFFF;
 
@@ -315,7 +313,7 @@
                 margin-left: 1px;
                 font-weight: 600;
                 font-size: 12px;
-                color: #673207;
+                color: #333333;
                 line-height: 16px;
             }
         }
@@ -362,8 +360,8 @@
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
-        width: 43px;
-        height: 43px;
+        width: 38px;
+        height: 36px;
     }
 }
 

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

@@ -1009,7 +1009,7 @@ export default defineComponent({
           <div class={styles.btnWrap}>
             <img style={{ display: state.playState === "play" ? "none" : "" }} class={styles.iconBtn} src={headImg("icon_play.png")} />
             <img style={{ display: state.playState === "play" ? "" : "none" }} class={styles.iconBtn} src={headImg("icon_pause.png")} />
-            <Circle style={{ opacity: state.playState === "play" ? 1 : 0 }} class={styles.progress} stroke-width={60} stroke-linecap={"square"} currentRate={state.playProgress} rate={100} color="#FFED78" layer-color="rgba(0,0,0,0)" />
+            <Circle style={{ opacity: state.playState === "play" ? 1 : 0 }} class={styles.progress} stroke-width={60} stroke-linecap={"square"} currentRate={state.playProgress} rate={100} color="#FFE36A" layer-color="rgba(255,255,255,0.5)" />
           </div>
         </div>
 

src/page-instrument/view-detail/smoothAnimation/index.ts

@@ -354,7 +354,7 @@ export function moveTranslateXNum(translateXNum: number) {
  */
 function smoothAnimationMove(pos: { x: number; y: number }, progresspointsPos: pointsPosType) {
    smoothAnimationState.smoothBotDom && (smoothAnimationState.smoothBotDom.style.transform = `translate(${pos.x}px, ${pos.y}px)`)
-   smoothAnimationState.canvasCtx && drawSmoothCurveProgress(smoothAnimationState.canvasCtx, progresspointsPos, "#0EA7FF")
+   smoothAnimationState.canvasCtx && drawSmoothCurveProgress(smoothAnimationState.canvasCtx, progresspointsPos, "#FF8B8F")
 }
 
 /**

src/view/selection/index.module.less

@@ -19,7 +19,7 @@
 .selectBox{
     position: absolute;
     width: 3Px;
-    background-color: #FFB800;
+    background-color: #0EA7FF;
     z-index: 9;
     .selectHandle{
         position: absolute;
@@ -28,7 +28,7 @@
         width: 22Px;
         height: 22Px;
         cursor: pointer;
-        background-color: #FFB800;
+        background-color: #0EA7FF;
         background-image: url("./imgs/close.png");
         background-repeat: no-repeat;
         background-size: 15Px 15Px;

src/view/tick/index.module.less

@@ -9,7 +9,7 @@
         width: 13Px;
         height: 13Px;
         margin-right: 14Px;
-        background-color: #ffffff;
+        background-color: rgba(0,0,0,0.15);
         border-radius: 50%;
         &:first-child{
             background-color: #0EA7FF;

vite.config.ts

@@ -76,8 +76,8 @@ export default defineConfig({
         // target: "https://kt.colexiu.com",
         // target: "https://test.lexiaoya.cn",
         // target: "https://kt.colexiu.com",
-        target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
-        // target: "https://test.kt.colexiu.com",
+        //target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
+        target: "https://test.kt.colexiu.com",
         // target: "https://mec.colexiu.com",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/instrument/, ""),