From 1b89aa4493d1c9768447f2f480d594cdb8077fdc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 26 十月 2020 09:24:19 +0800
Subject: [PATCH] 2020-10-26
---
src/tabviews/home/index.scss | 235 ----------------------------------------------------------
1 files changed, 3 insertions(+), 232 deletions(-)
diff --git a/src/tabviews/home/index.scss b/src/tabviews/home/index.scss
index 7b5e8bf..0a6c007 100644
--- a/src/tabviews/home/index.scss
+++ b/src/tabviews/home/index.scss
@@ -1,234 +1,5 @@
-.home-view {
+.home-box-spin {
position: relative;
- width: 100%;
- min-height: calc(100vh - 92px);
- height: 100%;
- background: #f0f2f5;
- padding: 24px;
- .ant-row-flex {
- display: flex;
- flex-flow: row wrap;
- margin-left: -12px;
- margin-right: -12px;
- .ant-col {
- padding-left: 12px;
- padding-right: 12px;
- margin-bottom: 24px;
- .ant-card {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- color: rgba(0,0,0,.65);
- font-size: 14px;
- font-variant: tabular-nums;
- line-height: 1.5;
- list-style: none;
- font-feature-settings: "tnum";
- position: relative;
- background: #fff;
- border-radius: 2px;
- transition: all .3s;
- .ant-card-body {
- padding: 20px 24px 8px;
- .antd-chart-card {
- position: relative;
- box-sizing: border-box;
- .antd-chart-top {
- position: relative;
- width: 100%;
- overflow: hidden;
- box-sizing: border-box;
- .antd-meta-wrap {
- float: left;
- box-sizing: border-box;
- .antd-meta {
- height: 22px;
- color: rgba(0,0,0,.45);
- font-size: 14px;
- line-height: 22px;
- .antd-action {
- position: absolute;
- top: 4px;
- right: 0;
- line-height: 1;
- cursor: pointer;
- }
- }
- .antd-total {
- height: 38px;
- margin-top: 4px;
- margin-bottom: 0;
- overflow: hidden;
- color: rgba(0,0,0,.85);
- font-size: 30px;
- line-height: 38px;
- white-space: nowrap;
- text-overflow: ellipsis;
- word-break: break-all;
- }
- }
- }
- .antd-chart-content {
- position: relative;
- height: 40px;
- .antd-content-fixed {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- .antd-trend-item {
- display: inline-block;
- font-size: 14px;
- line-height: 22px;
- .antd-trend-text {
- margin-left: 5px;
- }
- .antd-trend-up {
- color: #f5222d;
- }
- .antd-trend-down {
- top: -1px;
- color: #52c41a;
- }
- }
- .mask {
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- z-index: 1;
- }
- }
- .ant-slider {
- margin: 14px 0px 10px;
- }
- .ant-slider-track {
- height: 7px;
- background-color: #13C2C2;
- }
- .ant-slider-handle {
- border-color: #13C2C2;
- }
- .orange {
- .ant-slider-track {
- background-color: orange;
- }
- .ant-slider-handle {
- border-color: lightsalmon;
- }
- }
- .primary {
- .ant-slider-track {
- background-color: #1890ff;
- }
- .ant-slider-handle {
- border-color: #91d5ff;
- }
- }
- .ant-slider-rail {
- height: 7px;
- }
- }
- .antd-chart-footer {
- margin-top: 8px;
- padding-top: 9px;
- border-top: 1px solid #e8e8e8;
- .antd-label {
- font-size: 14px;
- line-height: 22px;
- margin-right: 10px;
- }
- .antd-trend-item {
- display: inline-block;
- font-size: 14px;
- line-height: 22px;
- .antd-trend-text {
- margin-left: 5px;
- }
- .antd-trend-up {
- color: #f5222d;
- }
- .antd-trend-down {
- top: -1px;
- color: #52c41a;
- }
- }
- }
- }
- }
- }
- }
- }
- .ant-tabs {
- box-sizing: border-box;
- margin: 0;
- padding: 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";
- position: relative;
- background: #fff;
- border-radius: 2px;
- transition: all .3s;
- .sale-trend {
- height: 400px;
- margin-bottom: 20px;
- }
- .antd-sales-rank {
- padding: 35px 32px 32px 72px;
- .antd-ranking-title {
- font-size: 16px;
- }
- .antd-ranking-list {
- margin: 20px 0 0;
- padding: 0;
- list-style: none;
- li {
- display: flex;
- align-items: center;
- margin-top: 16px;
- zoom: 1;
- .antd-ranking-active {
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-top: 1.5px;
- margin-right: 16px;
- font-weight: 600;
- font-size: 12px;
- line-height: 20px;
- text-align: center;
- color: #fff;
- background-color: #314659;
- border-radius: 20px;
- }
- .antd-ranking-number {
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-top: 1.5px;
- margin-right: 16px;
- font-weight: 600;
- font-size: 14px;
- line-height: 20px;
- text-align: center;
- }
- .antd-ranking-title {
- flex: 1 1;
- margin-right: 8px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- color: rgba(0,0,0,.65);
- font-size: 14px;
- line-height: 22px;
- }
- }
- }
- }
- }
+ left: 50%;
+ top: 30vh;
}
\ No newline at end of file
--
Gitblit v1.8.0