样式修改

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

@@ -156,7 +156,9 @@
         align-items: center;
         cursor: pointer;
         margin-right: 24px;
-
+        &.modeType{
+            margin-right: 14px;
+        }
         &:last-child {
             margin-right: 0;
         }

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

@@ -711,8 +711,8 @@ export default defineComponent({
             {
               <div
                 id={state.platform === IPlatform.PC ? "teacherTop-0" : "studnetT-0"}
-                style={{ display: toggleBtn.value.display ? "" : "none" }}
-                class={["driver-9", styles.btn, toggleBtn.value.disabled && styles.disabled]}
+                style={{ display: toggleBtn.value.display ? "" : "none"}}
+                class={["driver-9", styles.btn, toggleBtn.value.disabled && styles.disabled, styles.modeType]}
                 onClick={() => {
                   headTopData.oldModeType = state.modeType;
                   handleRessetState();

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

@@ -89,33 +89,33 @@
                         flex-grow: 1;
                         :global{
                             .van-slider{
-                                height: 10px;
+                                height: 5px;
                                 background: #EAEAEA;
                                 .van-slider__bar{
                                     background: #01C1B5;
-                                    &::after{
-                                        position: absolute;
-                                        content: "";
-                                        left: 4px;
-                                        top: 2px;
-                                        width: 100%;
-                                        height: 1px;
-                                        background: #FFFFFF;
-                                        border-radius: 1px;
-                                        filter: blur(1px);
-                                    }
-                                    &::before{
-                                        position: absolute;
-                                        content: "";
-                                        left: 2px;
-                                        top: 1px;
-                                        width: 4px;
-                                        height: 4px;
-                                        background: url("../image/gg.png") no-repeat;
-                                        background-size: 100% 100%;
-                                    }
+                                    // &::after{
+                                    //     position: absolute;
+                                    //     content: "";
+                                    //     left: 4px;
+                                    //     top: 2px;
+                                    //     width: 100%;
+                                    //     height: 1px;
+                                    //     background: #FFFFFF;
+                                    //     border-radius: 1px;
+                                    //     filter: blur(1px);
+                                    // }
+                                    // &::before{
+                                    //     position: absolute;
+                                    //     content: "";
+                                    //     left: 2px;
+                                    //     top: 1px;
+                                    //     width: 4px;
+                                    //     height: 4px;
+                                    //     background: url("../image/gg.png") no-repeat;
+                                    //     background-size: 100% 100%;
+                                    // }
                                     .van-slider__button-wrapper{
-                                        bottom: -4px;
+                                        bottom: -6px;
                                         top: initial;
                                         transform: translateX(50%);
                                     }

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

@@ -56,35 +56,35 @@
                     flex-grow: 1;
                     :global{
                         .van-slider{
-                            height: 10px;
+                            height: 5px;
                             background: #EAEAEA;
                             .van-slider__bar{
                                 max-width: 100%;
                                 background: #01C1B5;
-                                &::after{
-                                    position: absolute;
-                                    content: "";
-                                    left: 4px;
-                                    top: 2px;
-                                    width: 100%;
-                                    height: 1px;
-                                    background: #FFFFFF;
-                                    border-radius: 1px;
-                                    filter: blur(1px);
-                                }
-                                &::before{
-                                    position: absolute;
-                                    content: "";
-                                    left: 2px;
-                                    top: 1px;
-                                    width: 4px;
-                                    height: 4px;
-                                    background: url("../image/gg.png") no-repeat;
-                                    background-size: 100% 100%;
-                                    transform: translate(-20%,-20%);
-                                }
+                                // &::after{
+                                //     position: absolute;
+                                //     content: "";
+                                //     left: 4px;
+                                //     top: 2px;
+                                //     width: 100%;
+                                //     height: 1px;
+                                //     background: #FFFFFF;
+                                //     border-radius: 1px;
+                                //     filter: blur(1px);
+                                // }
+                                // &::before{
+                                //     position: absolute;
+                                //     content: "";
+                                //     left: 2px;
+                                //     top: 1px;
+                                //     width: 4px;
+                                //     height: 4px;
+                                //     background: url("../image/gg.png") no-repeat;
+                                //     background-size: 100% 100%;
+                                //     transform: translate(-20%,-20%);
+                                // }
                                 .van-slider__button-wrapper{
-                                    bottom: -4px;
+                                    bottom: -6px;
                                     top: initial;
                                     transform: translateX(50%);
                                 }