From 2794927ea5a697a1e514a7c9cc204273db7f32c1 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 21 Jun 2021 09:47:03 +0800
Subject: [PATCH] 优化图片压缩细节，优惠图片上传组件预览
---
plugins/filter/cFilter.scss | 40 +++++++++++++++++++++++++++++++++++++---
1 files changed, 37 insertions(+), 3 deletions(-)
diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss
index ccf34c4..185b562 100644
--- a/plugins/filter/cFilter.scss
+++ b/plugins/filter/cFilter.scss
@@ -13,6 +13,7 @@
color: #666;
background-color: #fff;
border-top: 1px solid #eee;
+ box-sizing: border-box;
.c-filter-bar {
float: left;
width: 550px;
@@ -31,6 +32,22 @@
&:active {
background-color: #f2f2f2;
}
+ &.on {
+ position: relative;
+ color: #36a0e7;
+ &::after {
+ display: block;
+ @include position(absolute, 20px n n 44px);
+ width: 12px;
+ height: 12px;
+ content: " ";
+ background-color: #36a0e7;
+ border-radius: 50%;
+ }
+ }
+ .arrow {
+ color: #666;
+ }
}
.c-filter-drawer {
.at-drawer__content {
@@ -39,6 +56,7 @@
.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;
@@ -46,7 +64,23 @@
}
}
.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 +98,7 @@
.empty {
color: #ccc;
}
- .value {
+ .filled {
color: #6190e8;
}
.at-icon {
@@ -75,11 +109,11 @@
&.type-bar {
.content {
height: 86px;
- line-height: 1;
.label {
color: #666;
}
.at-icon {
+ padding-left: 4px;
vertical-align: middle;
}
}
@@ -92,7 +126,7 @@
}
.content {
.empty,
- .value {
+ .filled {
flex: 6;
}
.at-icon {
--
Gitblit v1.9.1