1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- @import "../variate.less";
- // 修改date-pick样式 icon移动到右侧
- .cip-form-picker {
- // 时间选择器
- &.@{elNamespace}-date-editor--time,
- // 日期选择器
- &.@{elNamespace}-date-editor--date,
- // 日期、时间选择器
- &.@{elNamespace}-date-editor--datetime,
- // 日期选择器 选择周
- &.@{elNamespace}-date-editor--week,
- // 日期选择器 选择月
- &.@{elNamespace}-date-editor--month,
- // 日期选择器 选择年
- &.@{elNamespace}-date-editor--year {
- .@{elNamespace}-input__wrapper {
- position: relative;
- }
- .@{elNamespace}-input__prefix {
- position: absolute;
- right: 12px;
- .@{elNamespace}-icon.@{elNamespace}-input__icon {
- margin-left: 8px;
- margin-right: 0;
- }
- }
- .@{elNamespace}-input__prefix-inner,
- .@{elNamespace}-input__suffix-inner {
- width: 22px;
- }
- .@{elNamespace}-icon.@{elNamespace}-input__icon.clear-icon {
- background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
- }
- }
- // range 时间选择器
- &.@{elNamespace}-date-editor--timerange,
- // range 日期选择器
- &.@{elNamespace}-date-editor--daterange,
- // range 时间、日期选择器
- &.@{elNamespace}-date-editor--datetimerange {
- position: relative;
- .@{elNamespace}-icon.@{elNamespace}-input__icon.@{elNamespace}-range__icon {
- position: absolute;
- right: 10px;
- }
- .@{elNamespace}-icon.@{elNamespace}-input__icon.@{elNamespace}-range__close-icon > svg {
- background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
- }
- }
- // 分割线样式
- &.@{elNamespace}-date-editor {
- .@{elNamespace}-range-separator {
- color: var(--el-input-text-color);
- font-size: 16px;
- zoom: 0.625;
- }
- }
- // 非range时间、日期组件的图标颜色
- .@{elNamespace}-input__prefix-inner {
- color: var(--el-text-color-placeholder)
- }
- }
|