feat:日期样式

张含笑

2025-10-31 7c8e4622d21628ddf6de450e1df784117c99f1d3

feat:日期样式

 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;