From 6c16e43cd6521460c804391c042348dbb14086fc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 六月 2020 09:44:40 +0800
Subject: [PATCH] 2020-06-16
---
src/templates/sharecomponent/cardcomponent/index.scss | 80 ++++++++++++++++++++++------------------
1 files changed, 44 insertions(+), 36 deletions(-)
diff --git a/src/templates/sharecomponent/cardcomponent/index.scss b/src/templates/sharecomponent/cardcomponent/index.scss
index 2c31437..1e5a274 100644
--- a/src/templates/sharecomponent/cardcomponent/index.scss
+++ b/src/templates/sharecomponent/cardcomponent/index.scss
@@ -4,6 +4,9 @@
.ant-card.chart-card {
min-height: 100px;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 15px;
.ant-card-head {
min-height: 40px;
@@ -24,6 +27,12 @@
height: 48px;
}
}
+ .chart-card-insert {
+ text-align: center;
+ i {
+ color: #26C281;
+ }
+ }
.ant-card.chart-card.without-border {
.ant-card-head {
@@ -37,48 +46,49 @@
.ant-card.chart-card .ant-card-body {
padding: 20px;
zoom: 1;
+ overflow: hidden;
.ant-card-meta {
+ width: 100%;
position: relative;
>.anticon-plus {
color: #26C281;
position: absolute;
- right: -15px;
+ right: -20px;
top: -15px;
padding: 5px;
}
.ant-card-meta-avatar {
- position: absolute;
- top: -15px;
- left: -15px;
- padding-top: 15px;
- padding-left: 15px;
- }
-
- .ant-avatar-image {
- box-sizing: border-box;
- margin: 0;
padding: 0;
- font-variant: tabular-nums;
- line-height: 1.5;
- list-style: none;
- font-feature-settings: 'tnum';
- position: relative;
- display: inline-block;
- overflow: hidden;
- color: #fff;
- white-space: nowrap;
- text-align: center;
- vertical-align: middle;
- border-radius: 50%;
-
- img {
- width: 100%;
- }
- .font {
- background: transparent;
+ box-sizing: content-box;
+ margin-right: 10px;
+ margin-bottom: 15px;
+
+ .ant-avatar-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ line-height: 1.5;
+ display: inline-block;
+ overflow: hidden;
+ color: #fff;
+ white-space: nowrap;
+ text-align: center;
+ vertical-align: middle;
+
+ img {
+ width: 100%;
+ }
+ .font {
+ background: transparent;
+ }
}
}
}
@@ -92,6 +102,7 @@
.ant-card.chart-card {
.ant-card-head {
+ padding: 0 12px;
.edit {
position: absolute;
left: 0;
@@ -140,8 +151,8 @@
position: relative;
.edit {
position: absolute;
- left: 0;
- top: 3px;
+ left: -15px;
+ top: -13px;
font-size: 13px;
color: #1890ff;
cursor: pointer;
@@ -150,11 +161,11 @@
z-index: 1;
}
.edit.close {
- left: 20px;
+ left: 5px;
color: #ff4d4f;
}
}
- .ant-card-meta-avatar:hover {
+ .ant-card-body:hover .ant-card-meta-avatar {
.edit {
display: inline-block;
}
@@ -184,9 +195,6 @@
}
.ant-card.chart-card.background {
.ant-card-meta-title {
- color: unset;
- }
- .ant-card-meta-description {
color: unset;
}
.ant-card-head {
--
Gitblit v1.8.0