From 944730f2794b87aa053f53084f0d082d4af6fd41 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 29 十月 2020 19:03:30 +0800
Subject: [PATCH] 2020-10-29
---
src/tabviews/custom/components/card/prop-card/index.scss | 73 ++++++------------------------------
1 files changed, 12 insertions(+), 61 deletions(-)
diff --git a/src/tabviews/custom/components/card/prop-card/index.scss b/src/tabviews/custom/components/card/prop-card/index.scss
index 3eb80db..d2304b4 100644
--- a/src/tabviews/custom/components/card/prop-card/index.scss
+++ b/src/tabviews/custom/components/card/prop-card/index.scss
@@ -1,10 +1,9 @@
-.custom-card-box {
+.custom-prop-card-box {
background: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 50px;
- display: flex;
position: relative;
.card-row-list::after {
@@ -12,69 +11,21 @@
display: block;
clear: both;
}
+
.card-row-list {
- flex: 10;
- }
- .card-item-box {
- .card-cell-list::after {
- content: ' ';
- display: block;
- clear: both;
+ .card-item-box {
+ transition: all 0.3s;
+ }
+ >.active >.card-item-box {
+ border-color: #1890ff!important;
+ box-shadow: 0 0 3px #1890ff;
}
}
- .card-cell-list {
- position: relative;
-
- .ant-mk-slider {
- box-sizing: border-box;
- margin: 0;
- color: rgba(0, 0, 0, 0.65);
- font-size: 14px;
- font-variant: tabular-nums;
- line-height: 1.5;
- list-style: none;
- font-feature-settings: 'tnum', "tnum";
- position: relative;
- height: 12px;
- padding: 3px 0;
- cursor: pointer;
- touch-action: none;
-
- .ant-mk-slider-track {
- height: 7px;
- position: absolute;
- background-color: #91d5ff;
- border-radius: 4px;
- transition: background-color 0.3s;
- }
- .ant-mk-slider-rail {
- height: 7px;
- position: absolute;
- width: 100%;
- background-color: #f5f5f5;
- border-radius: 2px;
- transition: background-color 0.3s;
- }
- .ant-mk-slider-handle {
- position: absolute;
- width: 14px;
- height: 14px;
- margin-top: -4px;
- margin-left: -7px;
- background-color: #fff;
- border: solid 2px #91d5ff;
- border-radius: 50%;
- cursor: pointer;
- transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
- }
- }
- .ant-mk-splitline {
- height: 1px;
- }
- .ant-slider {
- margin: 0px;
- }
+ .card-item-box {
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
}
.loading-mask {
--
Gitblit v1.8.0