优化表单只读模式显示

Tevin

2023-11-23 fe7a9db56d8062ffd5e3e86576e781dbba3b3ece

优化表单只读模式显示

 forms/datePicker/cDatePicker.scss

@@ -9,6 +9,32 @@
    &.read-only {
        pointer-events: none;
        background-color: #f6f6f6;
        .at-input__title {
            &::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 12px;
                height: 12px;
                content: " ";
                border: #777 1PX solid;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            &::after {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 14px;
                height: 0px;
                margin-top: 0px;
                content: " ";
                border-bottom: #777 1PX solid;
                transform: rotate(-45deg);
            }
        }
    }
    .at-input__input {
        .weui-input {

 forms/input/CInputScanCode.scss

@@ -9,6 +9,32 @@
    &.read-only {
        pointer-events: none;
        background-color: #f6f6f6;
        .at-input__title {
            &::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 12px;
                height: 12px;
                content: " ";
                border: #777 1PX solid;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            &::after {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 14px;
                height: 0px;
                margin-top: 0px;
                content: " ";
                border-bottom: #777 1PX solid;
                transform: rotate(-45deg);
            }
        }
    }
    .c-input-scan-space {
        width: 140px;

 forms/input/cInput.scss

@@ -9,6 +9,32 @@
    &.read-only {
        pointer-events: none;
        background-color: #f6f6f6;
        .at-input__title {
            &::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 12px;
                height: 12px;
                content: " ";
                border: #777 1PX solid;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            &::after {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 14px;
                height: 0px;
                margin-top: 0px;
                content: " ";
                border-bottom: #777 1PX solid;
                transform: rotate(-45deg);
            }
        }
    }
    .at-input__icon {
        display: none;

 forms/select/cSelect.scss

@@ -9,6 +9,32 @@
    &.read-only {
        pointer-events: none;
        background-color: #f6f6f6;
        .at-input__title {
            &::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 12px;
                height: 12px;
                content: " ";
                border: #777 1PX solid;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            &::after {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 14px;
                height: 0px;
                margin-top: 0px;
                content: " ";
                border-bottom: #777 1PX solid;
                transform: rotate(-45deg);
            }
        }
    }
    .at-input__input {
        .weui-input {

 forms/switch/cSwitch.scss

@@ -15,6 +15,32 @@
        .at-switch__container {
            background-color: transparent;
        }
        .at-switch__title {
            &::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 12px;
                height: 12px;
                content: " ";
                border: #777 1PX solid;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            &::after {
                display: block;
                position: absolute;
                top: 50%;
                left: -23px;
                width: 14px;
                height: 0px;
                margin-top: 0px;
                content: " ";
                border-bottom: #777 1PX solid;
                transform: rotate(-45deg);
            }
        }
    }
    .at-switch__title {
        font-size: 36px;