From 3b6042284d2924b07d8f8a87c00824c0a0328783 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Fri, 19 Aug 2022 16:30:26 +0800
Subject: [PATCH] 实现数值显示组件
---
plugins/filter/cFilter.scss | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss
index 0fca35e..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;
@@ -37,7 +40,7 @@
color: #36a0e7;
&::after {
display: block;
- @include position(absolute, 20px n n 44px);
+ @include position(absolute, 20px n n 35px);
width: 12px;
height: 12px;
content: " ";
@@ -50,9 +53,6 @@
}
}
.c-filter-drawer {
- .at-drawer__content {
- width: 550px;
- }
.c-filter-drawer-list {
height: calc(100% - 90px);
border-top: 1PX solid #eee;
@@ -61,9 +61,14 @@
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 {
@@ -108,7 +113,11 @@
.content {
height: 86px;
.label {
+ padding-right: 12px;
color: #666;
+ }
+ .filled {
+ letter-spacing: -2px;
}
.at-icon {
padding-left: 4px;
@@ -118,9 +127,8 @@
}
&.type-item {
.label {
- font-weight: bold;
color: #666;
- line-height: 35px;
+ line-height: 40px;
}
.content {
.empty,
--
Gitblit v1.9.1