| | |
| | | |
| | | .el-input--suffix .el-input__inner { |
| | | padding-right: 84px; |
| | | } |
| | | } |
| | | |
| | | .el-input__inner { |
| | | background-color: rgba(20, 50, 123, 1.0); |
| | | color: #fff; |
| | | border: 1px solid rgba(0, 92, 169, 1.0); |
| | | } |
| | | |
| | | .el-select-dropdown { |
| | | border: 1px solid rgba(0, 92, 169, 1.0); |
| | | } |
| | | |
| | | |
| | | .el-select-dropdown__item { |
| | | font-size: 7px; |
| | | color: #fff; |
| | | font-weight: 200; |
| | | background-color: #26426a!important; |
| | | background-color: #26426a !important; |
| | | } |
| | | |
| | | |
| | | .el-select-dropdown__list { |
| | | padding: 0; |
| | | } |
| | | |
| | | |
| | | .el-popper[x-placement^="bottom"] { |
| | | margin-top: 0px; |
| | | } |
| | | |
| | | |
| | | .el-popper .popper__arrow, |
| | | .el-popper .popper__arrow::after { |
| | | display: none; |
| | | } |
| | | |
| | | |
| | | .el-select-dropdown__item:hover { |
| | | background-color: rgba(0, 92, 169, 0.3)!important; |
| | | background-color: rgba(0, 92, 169, 0.3) !important; |
| | | } |
| | | |
| | | .el-select-dropdown__item:onBlur { |
| | | background-color: rgba(0, 92, 169, 0.3); |
| | | } |
| | |
| | | background-color: rgba(20, 50, 123, 1.0); |
| | | color: #ffffff; |
| | | border: 1px solid #93bee7 !important; |
| | | } |
| | | .el-picker-panel .el-date-range-picker__time-header { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-range-picker__time-header { |
| | | border-bottom: 1px solid #93bee7 !important; |
| | | } |
| | | .el-picker-panel__icon-btn { |
| | | } |
| | | |
| | | .el-picker-panel__icon-btn { |
| | | width: 8px; |
| | | height: 10px; |
| | | color: #5a81fd !important; |
| | | } |
| | | .el-picker-panel .el-input__inner { |
| | | } |
| | | |
| | | .el-picker-panel .el-input__inner { |
| | | background-color: #19466f; |
| | | border: #75ebf2; |
| | | color: #e8fdff; |
| | | } |
| | | .el-picker-panel .el-date-range-picker__content.is-left, |
| | | .el-picker-panel .el-date-range-picker__content.is-right { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-range-picker__content.is-left, |
| | | .el-picker-panel .el-date-range-picker__content.is-right { |
| | | border-right: 1px solid #93bee7 !important; |
| | | // background: url(./images/矩形.png) center center; |
| | | background-size: 100% 100%; |
| | | } |
| | | .el-picker-panel .el-date-range-picker__header { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-range-picker__header { |
| | | color: #75ebf2; |
| | | } |
| | | .el-picker-panel .el-date-table th { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-table th { |
| | | color: #c3e3ec; |
| | | } |
| | | .el-picker-panel .el-date-table td.available { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-table td.available { |
| | | width: 14px; |
| | | height: 14px; |
| | | font-size: 16px; |
| | | font-family: Source Han Sans CN; |
| | | font-weight: bold; |
| | | color: #6ce6cb; |
| | | } |
| | | .el-picker-panel .el-date-table td.available:hover { |
| | | } |
| | | |
| | | .el-picker-panel .el-date-table td.available:hover { |
| | | color: #ffffff; |
| | | } |
| | | .el-date-table td.in-range div, |
| | | .el-date-table td.in-range div:hover, |
| | | .el-date-table.is-week-mode .el-date-table__row.current div, |
| | | .el-date-table.is-week-mode .el-date-table__row:hover div { |
| | | } |
| | | |
| | | .el-date-table td.in-range div, |
| | | .el-date-table td.in-range div:hover, |
| | | .el-date-table.is-week-mode .el-date-table__row.current div, |
| | | .el-date-table.is-week-mode .el-date-table__row:hover div { |
| | | background-color: #4c77b3 !important; |
| | | } |
| | | .el-time-panel { |
| | | } |
| | | |
| | | .el-time-panel { |
| | | background-color: #1b3e6f !important; |
| | | border: 1px solid #93bee7 !important; |
| | | } |
| | | .el-time-spinner__item { |
| | | } |
| | | |
| | | .el-time-spinner__item { |
| | | color: #c3e3ec !important; |
| | | } |
| | | .el-time-spinner__item:hover:not(.disabled):not(.active) { |
| | | } |
| | | |
| | | .el-time-spinner__item:hover:not(.disabled):not(.active) { |
| | | background: #4c77b3 !important; |
| | | } |
| | | .el-time-panel__btn { |
| | | } |
| | | |
| | | .el-time-panel__btn { |
| | | color: #adcfff !important; |
| | | } |
| | | .el-picker-panel__footer { |
| | | } |
| | | |
| | | .el-picker-panel__footer { |
| | | background-color: #1b3e6f !important; |
| | | } |
| | | .el-icon-d-arrow-left { |
| | | } |
| | | |
| | | .el-icon-d-arrow-left { |
| | | color: #1475e3 !important; |
| | | } |
| | | .el-date-table th { |
| | | } |
| | | |
| | | .el-date-table th { |
| | | border-bottom: 1px solid #293f6f !important; |
| | | } |
| | | /* 时间筛选 */ |
| | | .el-time-panel__content::after, |
| | | .el-time-panel__content::before { |
| | | } |
| | | |
| | | /* 时间筛选 */ |
| | | .el-time-panel__content::after, |
| | | .el-time-panel__content::before { |
| | | border-bottom: 1px solid #293f6f !important; |
| | | border-top: 1px solid #293f6f !important; |
| | | } |
| | | .el-time-panel { |
| | | } |
| | | |
| | | .el-time-panel { |
| | | background-color: #040d27 !important; |
| | | } |
| | | .el-time-panel__btn.confirm { |
| | | } |
| | | |
| | | .el-time-panel__btn.confirm { |
| | | background-color: #040d27 !important; |
| | | color: #1475e3 !important; |
| | | } |
| | | .el-time-panel__btn.cancel { |
| | | } |
| | | |
| | | .el-time-panel__btn.cancel { |
| | | background-color: #040d27 !important; |
| | | color: #6397d1 !important; |
| | | } |
| | | .el-time-panel__footer { |
| | | } |
| | | |
| | | .el-time-panel__footer { |
| | | border-top: none !important; |
| | | } |
| | | .el-time-panel { |
| | | } |
| | | |
| | | .el-time-panel { |
| | | border: none; |
| | | border-top: 2px solid #293f6f !important; |
| | | } |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | //复选框 el-checkbox |
| | | // ------------------------------------------------------------------ |
| | |
| | | .el-checkbox { |
| | | display: flex; |
| | | align-items: center; |
| | | .el-checkbox__input.is-focus .el-checkbox__inner { |
| | | border-color: rgba(20, 50, 123, 1.0)!important; |
| | | font-size: 16px; |
| | | } |
| | | .el-checkbox__inner { |
| | | width: 20px; |
| | | height: 20px; |
| | | border-radius: 2px; |
| | | |
| | | //对勾大小和位置 |
| | | &::after { |
| | | height: 12px; |
| | | left: 7px; |
| | | } |
| | | .el-checkbox__input.is-focus .el-checkbox__inner { |
| | | border-color: rgba(20, 50, 123, 1.0) !important; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .el-checkbox__inner { |
| | | width: 20px; |
| | | height: 20px; |
| | | border-radius: 2px; |
| | | |
| | | //对勾大小和位置 |
| | | &::after { |
| | | height: 12px; |
| | | left: 7px; |
| | | } |
| | | } |
| | | |
| | | .el-checkbox__label { |
| | | line-height: 20px; |
| | | padding-left: 8px; |
| | | font-size: 16px; |
| | | color: #fff; |
| | | line-height: 20px; |
| | | padding-left: 8px; |
| | | font-size: 16px; |
| | | color: #fff; |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | .el-dialog__wrapper { |
| | | |
| | | .el-dialog { |
| | | background: $el-dialog-bg-color; |
| | | } |
| | | |
| | | .el-dialog__header { |
| | | position: relative; |
| | | padding: 0 !important; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | |
| | | |
| | | span { |
| | | color: #fff; |
| | | } |
| | | |
| | | button { |
| | | position: absolute; |
| | | right: 10px; |
| | | top: 50%; |
| | | transform: translate(0, -50%); |
| | | |
| | | i { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | padding: 10px; |
| | | height: calc(100% - 40px); |
| | | color: #fff; |
| | | } |
| | | } |