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/tabviews/zshare/cardcomponent/index.scss | 65 +++++++++++++++++++++++++-------
1 files changed, 50 insertions(+), 15 deletions(-)
diff --git a/src/tabviews/zshare/cardcomponent/index.scss b/src/tabviews/zshare/cardcomponent/index.scss
index be3cbbd..eca2eef 100644
--- a/src/tabviews/zshare/cardcomponent/index.scss
+++ b/src/tabviews/zshare/cardcomponent/index.scss
@@ -8,15 +8,19 @@
.anticon {
margin-right: 0px;
}
- .ant-btn {
- padding: 0;
- > .anticon + span {
- margin-left: 4px;
- }
- }
}
> .chart-card-box {
margin-bottom: 20px;
+ }
+ .ant-btn {
+ padding: 0;
+ color: rgba(0,0,0,.45);
+ > .anticon + span {
+ margin-left: 4px;
+ }
+ }
+ .ant-btn:hover, .ant-btn.active, .ant-btn:focus {
+ color: #40a9ff;
}
.chart-card-box:hover {
@@ -134,26 +138,30 @@
white-space: normal;
.ant-card-meta-avatar {
+ position: relative;
padding-top: 0px;
padding-left: 0px;
+ float: unset;
+ overflow: hidden;
+ margin: 0 10px 15px 0px;
}
.ant-avatar-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
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%;
@@ -162,12 +170,39 @@
background: transparent;
}
}
- .ant-card-meta-title {
+ .ant-card-meta-title, .ant-card-meta-description {
font-size: 14px;
+ div {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ word-break: break-all;
+ }
}
- .ant-card-meta-detail > div {
- height: 23px;
- vertical-align: top;
+ .ant-card-meta-detail {
+ .mk-card-detail-item {
+ line-height: 1.5;
+ vertical-align: top;
+ display: inline-block;
+ color: rgba(0, 0, 0, 0.85);
+ }
+ .line1 {
+ overflow: hidden;
+ word-break: break-word;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .mk-card-detail-item:not(.line1) {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ }
+ .line2 {
+ -webkit-line-clamp: 2;
+ }
+ .line3 {
+ -webkit-line-clamp: 3;
+ }
}
.ant-card-meta-detail > div:not(:last-child) {
margin-bottom: 2px;
--
Gitblit v1.8.0