From e93163f3066a3f411a5c39c9765d0cacb8e89336 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 09 Jul 2022 10:22:47 +0800
Subject: [PATCH] 部分修改
---
src/styles/publicBox/trace-table.scss | 133 ++++++++++++++++++++++++-------------------
1 files changed, 74 insertions(+), 59 deletions(-)
diff --git a/src/styles/publicBox/trace-table.scss b/src/styles/publicBox/trace-table.scss
index 6ef7675..3686034 100644
--- a/src/styles/publicBox/trace-table.scss
+++ b/src/styles/publicBox/trace-table.scss
@@ -63,79 +63,94 @@
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-radius: 0 0 8px 8px;
- .farm-profiles {
- position: relative;
+ .action-bar {
+ padding: 0 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 74px;
- .btn-grounp {
- position: absolute;
- top: 18px;
- right: 20px;
+ &>.search {
- .details {
- text-align: right;
- font-size: 18px;
- color: #08F4FF;
- cursor: pointer;
- }
+ .search-input {
- .scene {
- margin-top: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100px;
- height: 30px;
- background: rgba(102, 221, 233, 0.16);
- border-radius: 4px 4px 4px 4px;
- border: 1px solid #66DDE9;
- box-sizing: border-box;
-
- img {
- // width: 70px;
- height: 24px;
+ input {
+ color: #fff;
+ background: rgba(33, 186, 196, 0.2);
+ border-color: #21BAC4;
}
}
}
- .farm-content {
+ .btn-grounp {
- padding: 30px 20px;
- font-size: 16px;
- color: #fff;
-
- .row {
- display: flex;
- justify-content: space-between;
-
- .l {
- display: flex;
- align-items: flex-start;
- justify-content: flex-end;
- width: 100px;
- height: 50px;
- color: #A9D1D7;
- }
-
- .r {
- display: flex;
- align-items: flex-start;
- justify-content: flex-start;
- margin-left: 24px;
- flex: 1;
-
- img {
- margin-right: 16px;
- width: 102px;
- height: 102px;
- border-radius: 4px 4px 4px 4px;
- }
- }
+ .search {
+ color: #fff;
+ background: #21BAC4;
+ border-color: #21BAC4;
}
+ .reset {
+ color: #fff;
+ background: rgba(255, 255, 255, .2);
+ border-color: rgba(255, 255, 255, .2);
+ }
}
}
+ .table-list {
+ .t-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 56px;
+ font-size: 18px;
+ 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%);
+ }
+
+ .t-body {}
+
+ .table-list {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 94px;
+ border-bottom: 1px solid #E8ECEF;
+ }
+
+ .table-list:last-child {
+ border: none;
+ }
+
+ .t-header>div:first-child,
+ .table-list>div:first-child {
+ flex: 1;
+ }
+
+ .t-header>div:nth-child(2),
+ .table-list>div:nth-child(2) {
+ width: 200px;
+ }
+
+ .t-header>div:nth-child(3),
+ .table-list>div:nth-child(3) {
+ width: 240px;
+ }
+
+ .t-header>div:nth-child(4),
+ .table-list>div:nth-child(4) {
+ width: 240px;
+ }
+
+ .t-header>div:nth-child(5),
+ .table-list>div:nth-child(5) {
+ width: 160px;
+ }
+
+ }
}
}
\ No newline at end of file
--
Gitblit v1.9.3