From dfc319b1ca9bdde32e0a40256b17f6d59aa7e894 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Mon, 30 May 2022 18:03:37 +0800 Subject: [PATCH] 文字提示,取消遮罩遮挡 --- plugins/filter/cFilter.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 47 insertions(+), 8 deletions(-) diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss index 171a251..355c818 100644 --- a/plugins/filter/cFilter.scss +++ b/plugins/filter/cFilter.scss @@ -7,9 +7,9 @@ .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; @@ -20,6 +20,9 @@ height: 100%; padding: 0 20px; box-sizing: border-box; + &:active { + background-color: #f2f2f2; + } } .c-filter-more { float: right; @@ -32,11 +35,24 @@ &: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; @@ -45,10 +61,29 @@ 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; + } + } } } } @@ -78,18 +113,22 @@ .content { height: 86px; .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, -- Gitblit v1.9.1