song-ui-u/theme/time-picker.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-time-picker{position:relative;display:inline-block;width:100%}.x-time-picker__input{width:190px;cursor:pointer}.x-time-picker__input.is-range{width:100%}.x-time-picker__panel{position:absolute;top:100%;left:6px;z-index:1000;margin-top:8px;background-color:var(--x-color-white);border:1px solid var(--x-border-color-default);border-radius:var(--x-component-round-small)}.x-time-picker--panel_range{width:360px;display:flex;gap:10px;padding:10px;padding-right:5px}.x-time-picker__time-columns{display:flex;width:172px}.x-time-picker__column{flex:1;text-align:center;border-right:1px solid var(--x-border-color-default)}.x-time-picker__column:last-child{border-right:none}.x-time-picker__column-header{padding:8px;color:var(--x-text-color-secondary);font-size:var(--x-font-size-default);font-weight:700}.x-time-picker__column-content{height:216px;overflow-y:auto}.x-time-picker__cell{display:block;height:32px;line-height:32px;color:var(--x-text-color-secondary);font-size:var(--x-font-size-default);cursor:pointer;transition:background-color .2s}.x-time-picker__cell:hover{background-color:var(--x-color-primary-light-9)}.x-time-picker__cell.is-selected{color:var(--x-color-primary);font-weight:700;background-color:var(--x-color-primary-light-9)}.x-time-picker__bottom{display:flex;justify-content:end;padding:8px}.x-time-picker__panel-left{border:solid 1px var(--x-border-color-default);border-radius:4px}.x-time-picker__panel-right{border:solid 1px var(--x-border-color-default);border-radius:4px}