From 1759050be9578fb3e376f156a3ace42fa4250193 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 30 Jun 2022 15:35:52 +0800
Subject: [PATCH] App本地存储，允许全部清空

---
 plugins/filter/cFilter.scss |   62 +++++++++++++++++++++++++-----
 1 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss
index ccf34c4..355c818 100644
--- a/plugins/filter/cFilter.scss
+++ b/plugins/filter/cFilter.scss
@@ -7,18 +7,22 @@
 
 .c-filter {
     width: 100%;
-    height: 86px;
-    line-height: 86px;
-    font-size: 30px;
+    height: 90px;
+    line-height: 90px;
+    font-size: 36px;
     color: #666;
     background-color: #fff;
     border-top: 1px solid #eee;
+    box-sizing: border-box;
     .c-filter-bar {
         float: left;
         width: 550px;
         height: 100%;
         padding: 0 20px;
         box-sizing: border-box;
+        &:active {
+            background-color: #f2f2f2;
+        }
     }
     .c-filter-more {
         float: right;
@@ -31,22 +35,55 @@
         &:active {
             background-color: #f2f2f2;
         }
+        &.on {
+            position: relative;
+            color: #36a0e7;
+            &::after {
+                display: block;
+                @include position(absolute, 20px n n 35px);
+                width: 12px;
+                height: 12px;
+                content: " ";
+                background-color: #36a0e7;
+                border-radius: 50%;
+            }
+        }
+        .arrow {
+            color: #666;
+        }
     }
     .c-filter-drawer {
-        .at-drawer__content {
-            width: 550px;
-        }
         .c-filter-drawer-list {
             height: calc(100% - 90px);
             border-top: 1PX solid #eee;
+            box-sizing: border-box;
             .box {
                 min-height: 20px;
                 padding: 30px 0 10px 30px;
                 border-bottom: 1PX solid #eee;
+                &:active {
+                    background-color: #f2f2f2;
+                }
             }
         }
         .c-filter-drawer-btn {
+            @include position(absolute, n 0 0 n);
+            width: 100%;
             height: 90px;
+            @include flexbox(flex, center center);
+            .at-button {
+                flex: 3;
+                height: 90px;
+                line-height: 88px;
+                border: none;
+                border-radius: 0;
+                background-color: #36a0e7;
+                &:first-child {
+                    flex: 2;
+                    color: #36a0e7;
+                    background-color: #d4f1f7;
+                }
+            }
         }
     }
 }
@@ -64,7 +101,7 @@
         .empty {
             color: #ccc;
         }
-        .value {
+        .filled {
             color: #6190e8;
         }
         .at-icon {
@@ -75,24 +112,27 @@
     &.type-bar {
         .content {
             height: 86px;
-            line-height: 1;
             .label {
+                padding-right: 12px;
                 color: #666;
             }
+            .filled {
+                letter-spacing: -2px;
+            }
             .at-icon {
+                padding-left: 4px;
                 vertical-align: middle;
             }
         }
     }
     &.type-item {
         .label {
-            font-weight: bold;
             color: #666;
-            line-height: 35px;
+            line-height: 40px;
         }
         .content {
             .empty,
-            .value {
+            .filled {
                 flex: 6;
             }
             .at-icon {

--
Gitblit v1.9.1