样式 到时见自动提交

liuyg

2021-08-18 272c6479425767aaaeb53c3bf29a85979abbb5cf

 src/assets/css/subject.scss

@@ -2,7 +2,7 @@
    font-size: 18px;
    line-height: 25px;
    padding: 18px 20px;
    border-bottom: 1px solid #DEDEDE;
    border-bottom: 1px solid #dedede;
    margin-bottom: 12px;
}

@@ -21,18 +21,19 @@
    position: relative;
}


/* 题目 */

.subject-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    .subject-title-number {
        display: inline-block;
        line-height: 22px;
    }
    .subject-title-content {
        // display: inline-block;
        // margin-bottom: 15px;
    }
}

@@ -40,7 +41,7 @@
    margin: 0;
    padding: 0;
    list-style: none;
    >li {
    > li {
        position: relative;
        font-size: 24px;
        .toggle {
@@ -58,21 +59,22 @@
            -webkit-appearance: none;
            appearance: none;
        }
        .toggle+label {
            background-image: url('/img/exam/radus.png');
        $sizes: 25px;
        .toggle + label {
            background-image: url("/img/exam/radus.png");
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 30px;
            background-size: $sizes;
        }
        .toggle:checked+label {
            background-size: 30px;
            background-image: url('/img/exam/radus-check.png');
        .toggle:checked + label {
            background-size: $sizes;
            background-image: url("/img/exam/radus-check.png");
        }
        label {
            word-break: break-all;
            padding: 10px 10px 10px 45px;
            display: block;
            line-height: 1.0;
            line-height: 1;
            transition: color 0.4s;
        }
        /* 选项名称 */
@@ -84,4 +86,4 @@

.subject-answer {
    padding: 16px;
}
}