fix: exterior筛选样式

JX3BOX · Jun 17, 2024 · 098ac4f · 098ac4f
1 parent fdb5829
commit 098ac4f
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 2 deletions.
diff --git a/src/assets/css/exterior/list.less b/src/assets/css/exterior/list.less
@@ -616,7 +616,42 @@
         }
     }
 }
-.m-common-filter {
+.u-filter {
+    .el-button,
+    .el-checkbox-button__inner,
+    .el-radio-button__inner {
+        margin: 0 10px 0 10px;
+        .db;
+        .r(30px) !important;
+        border: 1px solid #dcdfe6;
+        background-color: #e1dfdf;
+        &:hover {
+            color: #da8029;
+            background-color: #fff7ef;
+            border-color: #fff7ef;
+        }
+    }
+    .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+        background-color: #fff7ef;
+        border-color: #fff7ef;
+        color: #da8029;
+        box-shadow: none;
+    }
+    .el-checkbox-button__inner {
+        white-space: nowrap;
+        transition: 0.3s ease-out;
+        &:hover {
+            background-color: #fff7ef;
+            color: #da8029;
+        }
+    }
+    &.is-active {
+        .el-checkbox-button__inner {
+            border-color: #fff7ef;
+            background-color: #fff7ef;
+            color: #da8029;
+        }
+    }
 }
 // 平板
 @media screen and (max-width: 1133px) {

diff --git a/src/views/exterior/list.vue b/src/views/exterior/list.vue
@@ -15,7 +15,7 @@
                             <div class="m-common-filter">
                                 <el-radio-group v-model="searchType">
                                     <el-radio-button
-                                        class="u-item"
+                                        class="u-filter"
                                         v-for="(item, index) in tabList"
                                         :key="index"
                                         :label="item.value"