From e07b830d7c4b3e401f3ffaaa65986618a2a4b77d Mon Sep 17 00:00:00 2001
From: zhengpz <1838927346@qq.com>
Date: Fri, 13 Aug 2021 01:43:53 +0800
Subject: [PATCH] 改首页及统计明细表
---
src/views/home/index.scss | 121 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 118 insertions(+), 3 deletions(-)
diff --git a/src/views/home/index.scss b/src/views/home/index.scss
index 09d868f..7f2f0d5 100644
--- a/src/views/home/index.scss
+++ b/src/views/home/index.scss
@@ -96,6 +96,7 @@
width: 100%;
background-size: 100% 100%;
margin-top: 25px;
+ position: relative;
#left2Echart {
@extend .echartClass;
}
@@ -330,11 +331,12 @@
}
}
.right-content {
- height: calc(100% - 41px);
- width: 100%;
+ height: calc(100% - 71px);
+ width: calc(100% - 30px);
+ padding: 15px;
}
.card-list {
- margin: 25px 60px 20px 90px;
+ margin: 15px 60px 10px 90px;
display: flex;
height: 55px;
line-height: 55px;
@@ -419,3 +421,116 @@
height: 100%;
}
}
+.left2-btn{
+ height: 21px;
+ width: 69px;
+ background-color: #2a3e9d;
+ font-size: 13px !important;
+ font-weight: 700;
+ color: #FFFF80 !important;
+ line-height: 21px !important;
+ border-radius: 10px;
+ text-align: center;
+ position: absolute;
+ cursor: pointer;
+}
+.left2-btn.btn1{
+ right: 100px;
+ margin-top: 22px;
+}
+.left2-btn.btn2{
+ right: 21px;
+ margin-top: 22px;
+}
+.left2-btn.date{
+ margin-left: 74px;
+}
+.left2-btn.mounce{
+ margin-left: 208px;
+}
+.left2-btn.all{
+ right: 100px;
+}
+
+.rightData{
+ position: relative;
+ color: #fff;
+ background: #010945;
+ border-radius: 11px;
+ height: 52px;
+ display: inline-flex;
+ width: 174px;
+ cursor: pointer;
+ font-weight: 700;
+ img {
+ margin: 12px;
+ height: 28px;
+ width: 30px;
+ }
+ .text {
+ width: 100px;
+ text-align: center;
+ // margin: 3px;
+ line-height: 25px;
+ span:nth-child(1) {
+ width: 100%;
+ display: block;
+ font-size: 14px;
+ }
+ span:nth-child(2) {
+ width: 100%;
+ display: block;
+ color: #00CCFF;
+ font-size: 15px;
+ }
+ }
+ }
+ .rightData1{
+ margin-left: 42px;
+ }
+ .rightData2{
+ margin-left: 58px;
+ }
+ .rightData3{
+ margin-top: 8px;
+ margin-left: 42px;
+ }
+ .rightData4{
+ margin-top: 8px;
+ margin-left: 58px;
+ }
+ .rightData5{
+ margin-top: 8px;
+ margin-left: 42px;
+ }
+
+ .textBox {
+ width: 70%;
+ height: 58px;
+ // margin: 0 auto;
+ overflow: hidden;
+ position: absolute;
+ text-align: left;
+ color: #09b560;
+ left: 20px;
+ top: 20px;
+ font-size: 15px;
+ .text {
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ }
+ .slide-enter-active, .slide-leave-active {
+ transition: all 0.5s linear;
+ }
+ .slide-enter{
+ transform: translateY(20px) scale(1);
+ opacity: 1;
+ }
+ .slide-leave-to {
+ transform: translateY(-20px) scale(0.8);
+ opacity: 0;
+ }
+ }
+
+
--
Gitblit v1.9.3