From 7c8e4622d21628ddf6de450e1df784117c99f1d3 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 31 Oct 2025 17:06:57 +0800
Subject: [PATCH] feat:日期样式
---
src/styles/element-ui.scss | 22 +++++++++++++++-------
1 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 9cc55c2..765851c 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -289,15 +289,22 @@
// 日期下拉框
.ztzf-layer-date-picker-popper {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
border: 1px solid !important;
border-radius: 0px 0px 8px 8px;
border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
-
+ .el-picker-panel .el-time-panel{
+ background: #012350 !important;
+ }
+ .el-time-spinner__item {
+ color: #fff !important;}
+ .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){
+ background: transparent !important;
+ }
.el-picker-panel {
.el-picker-panel__body-wrapper {
.el-picker-panel__body {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
color: #fff !important;
.el-date-picker__time-header {
@@ -305,14 +312,14 @@
.el-date-picker__editor-wrap {
.el-time-panel {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
border-radius: 0px 0px 8px 8px;
border: 1px solid !important;
border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
// 将 time-picker-popper 的样式移到这里
.el-time-panel__header {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
color: #ffffff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.37) !important;
}
@@ -322,7 +329,7 @@
color: #e6e6e6 !important;
&:hover {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
}
&.active {
@@ -333,7 +340,7 @@
}
.el-time-panel__footer {
- background: rgba(0,0,0,0.8) !important;
+ background: #012350 !important;
border-top: 1px solid rgba(71, 157, 255, 0.3) !important;
.el-button {
@@ -477,6 +484,7 @@
}
}
}
+
.ztzf-layer-time-picker-popper {
background: rgba(0,0,0,0.8) !important;
border-radius: 0px 0px 8px 8px;
--
Gitblit v1.9.3