From cb9ade2afd2a367ad767bc605ab7086c695dd010 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 09 十二月 2022 15:53:32 +0800
Subject: [PATCH] 2022-12-09
---
src/tabviews/home/defaulthome/index.scss | 158 ++++++++++++++++++++++++++++++----------------------
1 files changed, 92 insertions(+), 66 deletions(-)
diff --git a/src/tabviews/home/defaulthome/index.scss b/src/tabviews/home/defaulthome/index.scss
index ec0d0d0..9dbe6e6 100644
--- a/src/tabviews/home/defaulthome/index.scss
+++ b/src/tabviews/home/defaulthome/index.scss
@@ -14,6 +14,7 @@
padding-left: 12px;
padding-right: 12px;
margin-bottom: 24px;
+ flex: 1;
.ant-card {
box-sizing: border-box;
margin: 0;
@@ -52,6 +53,9 @@
right: 0;
line-height: 1;
cursor: default;
+ .anticon {
+ color: orange;
+ }
}
}
.antd-total {
@@ -123,73 +127,95 @@
}
}
}
- .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 {
- min-height: 400px;
- padding: 10px 20px;
- margin-bottom: 20px;
- }
- .antd-sales-rank {
- padding: 35px 32px 32px 72px;
- .antd-ranking-title {
- font-size: 16px;
+
+ .home-board {
+ background: #ffffff;
+ .mk-home-title {
+ border-bottom: 1px solid #e8e8e8;
+ margin: 0 0 16px 0;
+ span {
+ position: relative;
+ display: inline-block;
+ padding: 12px 16px;
+ color: #1890ff;
}
- .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;
+ span::after {
+ position: absolute;
+ content: ' ';
+ display: block;
+ width: 100%;
+ height: 2px;
+ background: #1890ff;
+ left: 0;
+ bottom: -1px;
+ }
+ }
+
+ .mk-home-body {
+ .ant-col-left {
+ display: inline-block;
+ width: 66%;
+ vertical-align: top;
+ }
+ .ant-col-right {
+ display: inline-block;
+ width: 34%;
+ vertical-align: top;
+ }
+ .sale-trend {
+ min-height: 400px;
+ padding: 10px 20px;
+ 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;
+ }
}
}
}
--
Gitblit v1.8.0