Przeglądaj źródła

tab边框修改

duy 2 lat temu
rodzic
commit
547be963dc

+ 5 - 4
src/global/components/hc-new-switchtype/index.vue

@@ -66,7 +66,7 @@ const switchClick = (item) => {
     display: inline-flex;
     align-items: center;
     padding: 0 0px;
-    border:1px solid var(--el-color-primary);
+    border:1px solid var(--el-color-primary-light-7);
     // box-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15) inset, -4px -4px 8px 0 #ffffff inset;
     .switch-bg {
         color: #838791;
@@ -77,9 +77,10 @@ const switchClick = (item) => {
         align-items: center;
         justify-content: center;
         &.dots {
-            color: #ffffff;
-            background: linear-gradient(90deg,var(--el-color-primary-light-5), var(--el-color-primary) 100%);
-            box-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -3px -2px 8px 0 #ffffff;
+            color:var(--el-color-primary);
+            border:1px solid var(--el-color-primary-light-7);
+           background-color:  var(--el-color-primary-light-9);
+            // box-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -3px -2px 8px 0 #ffffff;
             transition: .1s;
         }
         &:not(.dots) {