From b8e77aaf556123206ceb9c5c3f16eeedb6ab021c Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 12 Jul 2022 12:00:05 +0800
Subject: [PATCH] 农场详细
---
src/styles/publicBox/trace-table.scss | 68 ++++++++++++++++++++++++++++++---
1 files changed, 61 insertions(+), 7 deletions(-)
diff --git a/src/styles/publicBox/trace-table.scss b/src/styles/publicBox/trace-table.scss
index 3686034..e048357 100644
--- a/src/styles/publicBox/trace-table.scss
+++ b/src/styles/publicBox/trace-table.scss
@@ -4,10 +4,9 @@
left: 50%;
transform: translate(-50%, -50%);
width: 1208px;
-
background-color: transparent;
z-index: 99;
- font-size: 14px;
+ font-size: 16px;
box-shadow: inset 0px 0px 30px 1px rgba(33, 186, 196, 0.1600);
border: 1px solid #69E2ED;
background: rgba(20, 66, 104, 0.8);
@@ -54,12 +53,14 @@
}
.content {
+ display: flex;
+ flex-direction: column;
clear: both;
width: 100%;
- height: 500px;
+ height: 600px;
margin-top: 0px;
text-align: center;
- overflow-y: auto;
+ overflow: hidden;
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-radius: 0 0 8px 8px;
@@ -100,6 +101,9 @@
}
.table-list {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
.t-header {
display: flex;
@@ -110,16 +114,59 @@
font-weight: bold;
color: #fff;
background: linear-gradient(90deg, rgba(49, 137, 153, .5) 0%, rgba(49, 161, 168, .5) 44%, rgba(49, 137, 153, .5) 100%);
+
+ .sym-style {
+ text-align: left;
+ }
}
- .t-body {}
+ .t-body {
+ flex: 1;
+ overflow-y: auto;
+ }
.table-list {
display: flex;
+ flex-direction: row;
align-items: center;
justify-content: space-between;
height: 94px;
border-bottom: 1px solid #E8ECEF;
+ color: #fff;
+
+ .sym-style {
+ display: flex;
+ justify-content: space-between;
+
+ .l {
+ display: flex;
+ align-items: center;
+
+ img {
+ width: 94px;
+ height: 56px;
+ }
+
+ }
+
+ .r {
+ margin-left: 20px;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: space-around;
+
+ .title {
+ font-size: 18px;
+ font-weight: bold;
+ }
+
+ .unit {
+ font-size: 14px;
+ }
+ }
+ }
}
.table-list:last-child {
@@ -128,6 +175,7 @@
.t-header>div:first-child,
.table-list>div:first-child {
+ margin-left: 30px;
flex: 1;
}
@@ -143,12 +191,18 @@
.t-header>div:nth-child(4),
.table-list>div:nth-child(4) {
- width: 240px;
+ width: 260px;
}
.t-header>div:nth-child(5),
.table-list>div:nth-child(5) {
- width: 160px;
+ width: 200px;
+
+ .look {
+ color: #00F0FF;
+ background: rgba(0, 240, 255, 0.2);
+ border-color: #00F0FF;
+ }
}
}
--
Gitblit v1.9.3