From 16064d395121113d9a68fed1b83612b60385b282 Mon Sep 17 00:00:00 2001
From: Gary Gu <garygu@Garydebijibendiannao.local>
Date: Tue, 27 May 2025 15:20:44 +0800
Subject: [PATCH] feat: 增加标段下拉
---
src/assets/css/element-ui-override.scss | 237 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 122 insertions(+), 115 deletions(-)
diff --git a/src/assets/css/element-ui-override.scss b/src/assets/css/element-ui-override.scss
index e3faabe..f6706e5 100644
--- a/src/assets/css/element-ui-override.scss
+++ b/src/assets/css/element-ui-override.scss
@@ -1,140 +1,147 @@
/*覆盖element-ui自带的样式放在该文件中*/
.el-input {
- height: 34px;
+ height: 34px;
}
.el-input__inner {
- padding-left: 15px;
- height: 34px;
- border-radius: 0;
- border: 0;
- background: #313847;
- font-size: 14px;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 600;
- color: #ffffff;
+ padding-left: 15px;
+ height: 34px;
+ border-radius: 0;
+ border: 0;
+ background: #313847;
+ font-size: 14px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 600;
+ color: #ffffff;
}
.el-loading-mask {
- position: absolute;
- z-index: 2000;
- background-color: rgba(0, 0, 0, 0.7);
- margin: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- transition: opacity 0.3s;
+ position: absolute;
+ z-index: 2000;
+ background-color: rgba(0, 0, 0, 0.7);
+ margin: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ transition: opacity 0.3s;
}
.el-loading-spinner .circular {
- margin: auto;
+ margin: auto;
}
.el-table {
- background-color: #000a1f;
-
- &::before {
- background-color: unset;
- }
-
- .el-table__header {
- thead {
- color: #fff;
-
- tr {
- border-bottom: unset;
-
- th.el-table__cell.is-leaf {
- border-bottom: unset;
- }
-
- th {
- font-weight: 600;
- }
-
- .el-table__cell {
- padding: 6px 0;
- background-color: #5e616e;
- }
- }
+ background-color: #000a1f;
+ &::before {
+ background-color: unset;
}
- }
-
- .el-table__body {
- tbody {
- tr.el-table__row {
- background-color: #000a1f;
- color: #fff;
- font-weight: 600;
- td.el-table__cell {
- padding: 0;
- border-bottom: unset;
+ .el-table__header {
+ thead {
+ color: #fff;
+ tr {
+ border-bottom: unset;
+ th.el-table__cell.is-leaf {
+ border-bottom: unset;
+ }
+ th {
+ font-weight: 600;
+ }
+ .el-table__cell {
+ padding: 6px 0;
+ background-color: #5e616e;
+ }
+ }
}
- &:hover {
- td.el-table__cell {
- background-color: rgba(255, 255, 255, 0.1);
- }
- }
- }
}
- }
-
- // &--striped {
- // .el-table__body {
- // tr.el-table__row--striped {
- // td.el-table__cell {
- // background-color: rgba(255, 255, 255, 0.1);
- // }
- // }
- // }
- // }
+ .el-table__body {
+ tbody {
+ tr.el-table__row {
+ background-color: #000a1f;
+ color: #fff;
+ font-weight: 600;
+ td.el-table__cell {
+ padding: 0;
+ border-bottom: unset;
+ }
+ &:hover {
+ td.el-table__cell {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+ }
+ }
+ }
+ }
+ // &--striped {
+ // .el-table__body {
+ // tr.el-table__row--striped {
+ // td.el-table__cell {
+ // background-color: rgba(255, 255, 255, 0.1);
+ // }
+ // }
+ // }
+ // }
}
.el-pagination {
- &.is-background {
- .el-pager li {
- background-color: rgba(233, 234, 240, 0.1);
- color: #fefefe;
- &:not(.disabled).active {
- background-color: #3661eb;
- }
+ &.is-background {
+ .el-pager li {
+ background-color: rgba(233, 234, 240, 0.1);
+ color: #fefefe;
+ &:not(.disabled).active {
+ background-color: #3661eb;
+ }
+ }
+ .btn-prev {
+ background-color: #3661eb;
+ color: #fff;
+ &:disabled {
+ background-color: rgba(54, 97, 235, 0.5);
+ color: rgba(246, 247, 250, 0.5);
+ }
+ }
+ .btn-next {
+ background-color: #3661eb;
+ color: #f6f7fa;
+ &:disabled {
+ background-color: rgba(54, 97, 235, 0.5);
+ color: rgba(246, 247, 250, 0.5);
+ }
+ }
}
-
- .btn-prev {
- background-color: #3661eb;
- color: #fff;
- &:disabled {
- background-color: rgba(54, 97, 235, 0.5);
- color: rgba(246, 247, 250, 0.5);
- }
- }
-
- .btn-next {
- background-color: #3661eb;
- color: #f6f7fa;
- &:disabled {
- background-color: rgba(54, 97, 235, 0.5);
- color: rgba(246, 247, 250, 0.5);
- }
- }
- }
}
+
.el-select,
-.el-input__inner{
- height: 32px;
- line-height: 32px;
- background: rgba(255,255,255,0.15);
- color: #fff;
- border: none;
- outline: none;
-}
- //未选中框时右侧文字
- .el-checkbox__label{
+.el-input__inner {
+ height: 32px;
+ line-height: 32px;
+ background: rgba(255, 255, 255, 0.15);
color: #fff;
- }
- //选中框时右侧文字
- .el-checkbox__input.is-checked+.el-checkbox__label{
- color: #fff;
- }
\ No newline at end of file
+ border: none;
+ outline: none;
+}
+/* 修改下拉面板背景色 */
+.el-select-dropdown {
+ background: rgb(33,72,115);
+ border-radius: 2px;
+ border: 1px solid #3068A5;
+ .el-select-dropdown__item{
+ display: flex;
+ align-items: center;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 400;
+ font-size: 12px;
+ color: #FFFFFF;
+ line-height: 16px;
+ text-align: left;
+ font-style: normal;
+ background-color: rgb(33,72,115);
+ &:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+ &.selected {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
+ }
+}
\ No newline at end of file
--
Gitblit v1.9.3