From f0fdb9c479ae8b3bc7029e9ae40fcf76a3baa0cc Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 22 Jan 2025 17:19:03 +0800
Subject: [PATCH] 跨端通讯，协议注册警告优化
---
plugins/filter/cFilter.scss | 78 +++++++-------------------------------
1 files changed, 15 insertions(+), 63 deletions(-)
diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss
index 185b562..0487a22 100644
--- a/plugins/filter/cFilter.scss
+++ b/plugins/filter/cFilter.scss
@@ -3,16 +3,16 @@
* @author Tevin
*/
-@import "../../common/sassMixin";
+@import '../../common/sassMixin';
.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;
+ border-top: 1PX solid #eee;
box-sizing: border-box;
.c-filter-bar {
float: left;
@@ -20,6 +20,9 @@
height: 100%;
padding: 0 20px;
box-sizing: border-box;
+ &:active {
+ background-color: #f2f2f2;
+ }
}
.c-filter-more {
float: right;
@@ -28,7 +31,7 @@
box-sizing: border-box;
text-align: center;
border-left: 1PX solid #d6e4ef;
- transition: background-color .3s;
+ transition: background-color 0.3s;
&:active {
background-color: #f2f2f2;
}
@@ -37,11 +40,11 @@
color: #36a0e7;
&::after {
display: block;
- @include position(absolute, 20px n n 44px);
+ @include position(absolute, 20px n n 35px);
width: 12px;
height: 12px;
- content: " ";
- background-color: #36a0e7;
+ content: ' ';
+ background-color: $colorDanger;
border-radius: 50%;
}
}
@@ -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,6 +61,9 @@
min-height: 20px;
padding: 30px 0 10px 30px;
border-bottom: 1PX solid #eee;
+ &:active {
+ background-color: #f2f2f2;
+ }
}
}
.c-filter-drawer-btn {
@@ -80,57 +83,6 @@
color: #36a0e7;
background-color: #d4f1f7;
}
- }
- }
- }
-}
-
-.c-filter-select {
- .content {
- @include flexbox(flex, flex-start center);
- white-space: nowrap;
- .empty,
- .value {
- display: inline-block;
- vertical-align: middle;
- @include ellipsis();
- }
- .empty {
- color: #ccc;
- }
- .filled {
- color: #6190e8;
- }
- .at-icon {
- text-align: center;
- color: #666;
- }
- }
- &.type-bar {
- .content {
- height: 86px;
- .label {
- color: #666;
- }
- .at-icon {
- padding-left: 4px;
- vertical-align: middle;
- }
- }
- }
- &.type-item {
- .label {
- font-weight: bold;
- color: #666;
- line-height: 35px;
- }
- .content {
- .empty,
- .filled {
- flex: 6;
- }
- .at-icon {
- flex: 1;
}
}
}
--
Gitblit v1.9.1