Browse Source

修改样式

lex-xin 8 months ago
parent
commit
9258d8dd1c
2 changed files with 36 additions and 23 deletions
  1. 33 20
      src/tenant/music/train-tool/index.module.less
  2. 3 3
      src/tenant/music/train-tool/index.tsx

+ 33 - 20
src/tenant/music/train-tool/index.module.less

@@ -414,7 +414,7 @@
       color: #fe2451 !important;
 
       &:after {
-        border-color: transparent transparent #fe2451 #fe2451;
+        border-color: transparent transparent #fe2451 #fe2451 !important;
       }
     }
   }
@@ -576,7 +576,7 @@
 .searchResult {
   padding: 16px 13px 12px;
   overflow: hidden;
-  margin-bottom: 20px;
+  margin-bottom: 17px;
   border-bottom: 1px solid #f2f2f2;
 
   .searchTitle {
@@ -587,10 +587,10 @@
   }
 }
 .resetting {
-  color: #FE2451 !important;
-  border-color: #FE2451 !important;
+  color: #333333 !important;
+  border-color: #DBDBDB !important;
   &::before {
-    border-color: #FE2451 !important;
+    border-color: #DBDBDB !important;
   }
 }
 
@@ -658,28 +658,41 @@
   }
 }
 
+.btnGroup2 {
+  padding: 0 13px 18px;
+  :global {
+    .van-button {
+      font-size: 16px;
+      font-weight: 500;
+      & + .van-button {
+        margin-left: 15px;
+      }
+    }
+  }
+}
+
 .btnGroup {
-  // border-top: 1px solid #f2f2f2;
-  // background-color: #fff;
-  // padding-top: 12px;
-  // padding-left: 25px;
-  // padding-right: 25px;
-  // // padding-bottom: calc(12px + env(safe-area-inset-bottom));
-  // padding-bottom: 25px;
+  border-top: 1px solid #f2f2f2;
+  background-color: #fff;
+  padding-top: 12px;
+  padding-left: 25px;
+  padding-right: 25px;
+  // padding-bottom: calc(12px + env(safe-area-inset-bottom));
+  padding-bottom: 25px;
 
   :global {
     .van-button {
       font-size: 16px;
       font-weight: 500;
 
-      // &.van-button--disabled {
-      //   opacity: initial;
-      //   background: linear-gradient(
-      //     270deg,
-      //     #ff7a93 0%,
-      //     #ff9daa 100%
-      //   ) !important;
-      // }
+      &.van-button--disabled {
+        opacity: initial;
+        background: linear-gradient(
+          270deg,
+          #ff7a93 0%,
+          #ff9daa 100%
+        ) !important;
+      }
     }
   }
 }

+ 3 - 3
src/tenant/music/train-tool/index.tsx

@@ -924,7 +924,7 @@ export default defineComponent({
                                     )}
                                 </div>
 
-                                <div class={[styles.btnGroup, 'btnGroup', 'btnMore']}>
+                                <div class={[styles.btnGroup2,  'btnMore']}>
                                   <Button
                                     class={styles.resetting}
                                     type="primary"
@@ -936,7 +936,7 @@ export default defineComponent({
                                       params.type = ''
                                     }}
                                   >
-                                    重 
+                                    重置
                                   </Button>
 
                                   <Button
@@ -950,7 +950,7 @@ export default defineComponent({
                                       searchRef.value?.toggle()
                                     }}
                                   >
-                                    确 
+                                    确认
                                   </Button>
                                 </div>
                               </DropdownItem>