prsx-crm/components/viewDate/index.scss

@import "../timeRange/timeRange.scss";

.right {
    margin-left: 20rpx;
    padding-left: 20rpx;
    font-family: PingFang SC, PingFang SC;
    font-size: 24rpx;
    color: #999999;
}

.dialog {
    width: 100%;
    padding: 20rpx 30rpx;
    box-sizing: border-box;
    font-family: PingFang SC, PingFang SC;
    font-size: 30rpx;
    padding-top: 40rpx;

    .row {
        display: flex;
        margin-bottom: 40rpx;

        .label {
            line-height: 58rpx;
            flex-shrink: 0;
        }

        .year {
            height: 58rpx;
            line-height: 58rpx;
            width: 180rpx;
            font-size: 30rpx;
            text-align: center;
            border-radius: 16rpx;
            border: 1px solid #3874F6;
            box-sizing: border-box;
        }

        .options {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;

            .option {
                height: 58rpx;
                line-height: 58rpx;
                width: 76rpx;
                text-align: center;
                border: 1px solid rgb(146, 146, 146);
                border-radius: 8rpx;
                margin-right: 12rpx;
                margin-bottom: 18rpx;
                box-sizing: border-box;
            }

            .option:nth-child(6n) {
                margin-right: 0rpx;
            }

            .active {
                background-color: #3874F6;
                border-color: #3874F6;
                color: #fff;
            }
        }

    }
}