feat:日期样式

张含笑

2025-10-31 7c8e4622d21628ddf6de450e1df784117c99f1d3

 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;