直显式多选单项组件，增加弹窗模式

Tevin

2023-07-15 c1953d6e4c35eb2ffff21ab31a681ee89562689f

 forms/checkbox/cCheckBox.scss

@@ -6,6 +6,53 @@
@import "../../common/sassMixin";

.c-check-box {
    &.c-check-box-dialog {
        .at-input {
            padding-bottom: 24px;
            .at-input__title {
                width: 162px;
            }
        }
        .at-input__container {
            &.at-input--disabled {
                opacity: 1;
            }
            .at-input__input,
            .weui-input,
            input {
                display: inline-block;
            }
        }
        .at-input__children {
            padding-right: 20px;
            &::after {
                display: none;
            }
            .at-icon-chevron-right {
                padding: 0;
                font-size: 48px;
                color: #ccc;
            }
        }
        .at-modal__container {
            width: 620rpx;
            .at-modal__content {
                padding-top: 0;
                padding-bottom: 0;
            }
            .scrollor {
                height: 100%;
                max-height: 840px;
            }
            .at-checkbox {
                padding-left: 0;
            }
        }
        .m-text-ignore {
            padding: 60px 0;
            text-align: center;
        }
    }
    .at-input {
        padding-bottom: 0;
    }
@@ -19,36 +66,37 @@
        input {
            display: none;
        }
        .at-checkbox {
            width: 96%;
            padding-left: 4%;
            &::before,
            &::after {
                display: none;
            }
            &.c-check-box-checkbox {
                .at-checkbox__icon-cnt {
                    width: 48px;
                    height: 48px;
                    font-size: 32px;
                    border-radius: 0;
                    border-color: #c9c9c9;
                }
            }
            &.c-check-box-radio {
                .at-checkbox__icon-cnt {
                    width: 48px;
                    height: 48px;
                    font-size: 32px;
                    border-color: #c9c9c9;
                }
            }
            .at-checkbox__title {
                max-width: calc(100% - 80px);
            }
        }

    }
    .at-input__icon {
        display: none;
    }
    .at-checkbox {
        width: 96%;
        padding-left: 4%;
        &::before,
        &::after {
            display: none;
        }
        &.c-check-box-checkbox {
            .at-checkbox__icon-cnt {
                width: 48px;
                height: 48px;
                font-size: 32px;
                border-radius: 0;
                border-color: #c9c9c9;
            }
        }
        &.c-check-box-radio {
            .at-checkbox__icon-cnt {
                width: 48px;
                height: 48px;
                font-size: 32px;
                border-color: #c9c9c9;
            }
        }
        .at-checkbox__title {
            max-width: calc(100% - 80px);
        }
    }
}