From 747a21d827af207e5e214ccd0d5cff90709d3fc9 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 18 Apr 2025 11:40:23 +0800
Subject: [PATCH] feat: 下拉选择框样式修改，任务管理已完成修改为已执行
---
src/styles/element-ui.scss | 79 +++++++++++++++++++++++++++++++++++++++
1 files changed, 78 insertions(+), 1 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 878186d..e14b884 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -237,7 +237,7 @@
color: #ffffff;
}
}
-
+// :teleported="false"
//下拉
.ztzf-select {
.el-select__wrapper {
@@ -254,6 +254,83 @@
color: #ffffff;
}
}
+
+
+ // 下拉框
+ .el-select-dropdown__empty {
+ background: #012350;
+ border-radius: 0px 0px 8px 8px;
+ border: 1px solid;
+ border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1;
+ }
+ .el-select-dropdown__list {
+ padding: 0 !important;
+ }
+ .el-select-dropdown {
+ overflow-x: hidden !important;
+
+ .el-select-dropdown__wrap {
+ overflow-x: hidden !important;
+ margin-right: 0 !important;
+ }
+ }
+ .el-select-dropdown__wrap {
+ overflow-x: hidden !important;
+ margin-right: 0 !important;
+ }
+ /* 箭头样式 */
+ .el-popper__arrow::before {
+ background: #0d3556 !important;
+ border: 1px solid #0d3556 !important;
+ }
+ .el-select {
+ --el-select-border-color-hover: rgb(0, 162, 255) !important;
+ /* // 修改下拉框hover的默认样式 */
+ }
+
+ .el-input {
+ --el-border-color: rgb(0, 162, 255);
+ /* // 修改下拉框的边框 */
+ }
+
+ .el-select .el-input__wrapper {
+ background-color: #012350 !important;
+ /* // 外层下拉框背景 */
+ }
+
+ .el-input__wrapper {
+ --el-input-text-color: #012350 !important; /* // 修改外层下拉框的颜色 */
+ }
+
+ .el-select__popper.el-popper {
+ border: rgba(0, 27, 63) !important;
+ /* // 修改内部下拉框的边框颜色 */
+ }
+
+ .el-select-dropdown__wrap {
+ background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
+ border-radius: 0px 0px 8px 8px;
+ border: 1px solid;
+ border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1;
+ /* // 下拉框背景色 */
+ }
+
+ .el-select-dropdown__item {
+ background: rgba(0, 27, 63) !important; /* // 下拉框选项的颜色 */
+ }
+
+ .el-select-dropdown__item {
+ color: white;
+ }
+
+ .el-select-dropdown__item.hover {
+ background-color: rgba(0, 120, 233, 0.63) !important;
+ color: white;
+ }
+ .el-select-dropdown__item.selected {
+ color: #8ac3fd !important;
+ font-weight: 700;
+ }
}
.ztzf-input{
--
Gitblit v1.9.3