feat: 日期选择器增加快捷选择

coder77

2025-04-10 f58da404d459a3387f78d9bf6fe8933010f137bf

 forms/datePicker/cDateRangeAction.scss

@@ -3,27 +3,17 @@
 * @author Tevin
 */

@import "../../common/sassMixin";
@import '../../common/sassMixin';

.c-date-range-action {}
.c-data-range-float {
    @include position(fixed, 0 0, 90000);
    .at-drawer .at-drawer__content {
        width: 100%;
        min-height: 200px;
        bottom: auto;
        transform: translateY(-100%);
    }
    .at-drawer--show .at-drawer__content {
        transform: translateY(0%);
    }
    @include position(fixed, 0 0, 9100);
    .c-data-range-drawer {
        .title {
            height: 100px;
            text-align: center;
            line-height: 100px;
            border-top: 1PX solid #eee;
            border-bottom: 1PX solid #d6e4ef;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #d6e4ef;
            background-color: #f8f8f8;
        }
        .item {
@@ -32,7 +22,7 @@
            height: 96px;
            padding: 24px 0 24px 24px;
            white-space: nowrap;
            border-bottom: 1PX solid #d6e4ef;
            border-bottom: 1px solid #d6e4ef;
            box-sizing: border-box;
            background-color: #fff;
            .label {
@@ -57,9 +47,32 @@
            padding-bottom: 24px;
            background-color: #f8f8f8;
        }
        .quick-select {
            display: flex;
            flex-wrap: wrap;
            padding: 0 24px;
            .quick-select-item {
                height: 60px;
                line-height: 60px;
                padding: 0 18px;
                margin-bottom: 24px;
                text-align: center;
                color: #1890ff;
                background: #e6f7ff;
                border: 1px solid #1890ff;
                border-color: #91d5ff;
                border-radius: 4px;
                &:not(:last-child) {
                    margin-right: 24px;
                }
                &:active {
                    background-color: #e8e8e8;
                }
            }
        }
        .btn {
            background-color: #36a0e7;
            border: none;
        }
    }
}
}