UNPKG

fastlion-amis

Version:

一种MIS页面生成工具

239 lines (236 loc) 7.19 kB
.schedule-view-wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .schedule-view-wrap .schedule-list-section { height: 100%; overflow: hidden; display: flex; flex-direction: column; } .schedule-view-wrap.showFold .calendar-comp-wrap.pullHeight { height: 340px; } .schedule-view-wrap.showFold .calendar-comp-wrap.pullHeight.weekView { height: 100px; } .calendar-comp { width: 100%; background: var(--schedule-datepicker-bg); z-index: 0; } .calendar-comp .calendar-header { position: relative; display: flex; align-items: center; justify-content: center; height: 44px; z-index: 0; } .calendar-comp .calendar-header .icon-box { display: flex; align-items: center; position: absolute; z-index: 2; } .calendar-comp .calendar-header .icon-box.l { left: 0; } .calendar-comp .calendar-header .icon-box.r { right: 0; } .calendar-comp .calendar-header .date-time { position: relative; flex: 1; font-size: 20px; z-index: 1; } .calendar-comp .calendar-header .date-time .picker-box { display: flex; justify-content: center; width: 100%; } .calendar-comp .calendar-header .date-time .picker-box .picker { opacity: 0; width: 240px; } .calendar-comp .calendar-header .date-time .picker-box .picker input { cursor: pointer; } .calendar-comp .calendar-header .date-time .date-text { position: absolute; top: 0; left: 0; width: 100%; text-align: center; pointer-events: none; cursor: pointer; color: var(--schedule-datepicker-font-color); } .calendar-comp .calendar-header .icon { display: flex; align-items: center; margin: 0 10px; width: 20px; font-size: 18px; cursor: pointer; color: var(--schedule-arrow-icon); } .calendar-comp .week-list { display: flex; border-bottom: 1px solid var(--schedule-split-border); } .calendar-comp .week-list .week-item { width: calc(100% / 7); height: 40px; text-align: center; line-height: 40px; font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; color: var(--schedule-datepicker-font-color); } .calendar-comp .calendar-comp-wrap { width: 100%; position: relative; } .calendar-comp .calendar-comp-wrap.pullHeight { height: 300px; transition: 0.25s; } .calendar-comp .calendar-comp-wrap.pullHeight.weekView { height: 60px; } .calendar-comp .calendar-comp-wrap.pushHeight { height: 30px; transition: 0.15s; } .calendar-comp .calendar-comp-wrap .calendar-comp-section { width: 100%; display: flex; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day { display: flex; flex-wrap: wrap; padding-top: 8px; flex-shrink: 0; width: 100%; position: absolute; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% / 7); min-height: 48px; text-align: center; font-size: 16px; font-weight: 500; color: var(--schedule-datepicker-font-color); cursor: pointer; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 40px; height: 40px; border-radius: 6px; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.currentDay { background: rgba(24, 144, 255, 0.1) !important; color: #3574ee !important; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.selectDay { background: #3574ee !important; color: #ffffff !important; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.info { background: #f1f1f1; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.primary { background: #E9F6FE; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.warning { background: #FEF3E6; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem.success { background: #E8F8F2; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .dayItem .lunar-date { font-size: 12px; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .event-dot { position: absolute; right: 0; top: -3px; display: block; width: 8px; height: 8px; border-radius: 50%; margin: 0 auto; margin-top: 4px; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .event-dot.danger { background: #ff4d4f; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .event-dot.success { background: #15B37B; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .event-dot.primary { background: #3574EE; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item .event-dot.warning { background: #FE9201; } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item.other { color: var(--schedule-datepicker-other-font-color); } .calendar-comp .calendar-comp-wrap .calendar-comp-section .calendar-list-day .item.current { color: var(--schedule-datepicker-font-color); } .calendar-comp .calendar-comp-wrap .calendar-fold { position: absolute; padding: 0 12px; bottom: 0; left: 0; display: flex; width: 100%; background-color: var(--schedule-datepicker-bg); justify-content: space-between; align-items: center; height: 34px; border-top: 1px solid var(--schedule-split-border); border-bottom: 1px solid var(--schedule-split-border); cursor: pointer; } .schedule-date-picker .ant-picker-panel-container { background: var(--schedule-datepicker-bg); } .schedule-date-picker .ant-picker-panel-container .ant-picker-header { color: var(--schedule-datepicker-font-color); border-bottom: var(--schedule-split-border); } .schedule-date-picker .ant-picker-panel-container .ant-picker-header > button { color: var(--schedule-datepicker-font-color); } .schedule-date-picker .ant-picker-panel-container .ant-picker-body .ant-picker-content { color: var(--schedule-datepicker-other-font-color); } .schedule-date-picker .ant-picker-panel-container .ant-picker-body .ant-picker-content .ant-picker-cell-in-view { color: var(--schedule-datepicker-font-color); } .schedule-date-picker .ant-picker-panel-container .ant-picker-body .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .schedule-date-picker .ant-picker-panel-container .ant-picker-body .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: var(--schedule-datepicker-bg); } .schedule-date-picker .ant-picker-panel-container .ant-picker-panel { border: 1px solid var(--schedule-split-border); } /*# sourceMappingURL=datePicker.css.map */