轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

 src/books/aviationSafety/assets/main.less

@@ -11,7 +11,7 @@
        background-color: #fff;
    }

    .foreword{
    .foreword {
        line-height: 10px !important;
        margin-top: 0;
    }
@@ -29,7 +29,7 @@
    }

    .mr-0 {
        margin: 0;
        margin: 0 !important;
    }

    .mr-9 {
@@ -44,6 +44,10 @@
        margin-left: 2em;
    }

    .mt--25{
        margin-top: -25px !important;
    }

    .mt-10 {
        margin-top: 10px !important;
    }
@@ -53,7 +57,7 @@
    }

    .mt-30 {
        margin-top: 30px;
        margin-top: 30px !important;;
    }

    .mt-50 {
@@ -85,7 +89,7 @@
        width: 80%;
    }

    

    .b0 {
        border: 0;
    }
@@ -129,6 +133,10 @@

    .td-0 {
        text-indent: 0em !important;
    }

    .td-1 {
        text-indent: 1em !important;
    }

    .td-2 {
@@ -191,6 +199,10 @@
        margin-right: 10px;
    }

    .mr-5 {
        margin-right: 5px;
    }

    .ma-l {
        margin-left: 10%;
    }
@@ -246,6 +258,10 @@
        background-color: #6D84AE;
    }

    .radioClass{
        margin: 0 0 0 4px !important;
       
    }


    .task-u2-c {
@@ -357,13 +373,18 @@
        }
    }

    .w430 {
        width: 430px;
    }

    .w395 {
        width: 395px;
    }

    .w430 {
        width: 430px;
    .w365 {
        width: 365px;
    }


    .w300 {
        width: 300px;
@@ -379,6 +400,10 @@

    .w270 {
        width: 270px;
    }

    .w260 {
        width: 260px;
    }

    .w250 {
@@ -399,6 +424,10 @@

    .w200 {
        width: 200px;
    }

    .w190 {
        width: 190px;
    }

    .w180 {
@@ -455,10 +484,17 @@
    .table-tr-bc {
        background-color: #E7DFEC;
        line-height: 25px;

        p {
            text-indent: 0em;
            line-height: 20px;
        }
    }

    .table-title-bc {
        background-color: #8091BC;
        color:#fff;
        line-height: 25px;
    }

    .table-textarea {
@@ -472,7 +508,7 @@
    }

    .table-input-border {
        width: 90%;
        width: 80%;
        background-color: transparent;
        border: 0;

@@ -481,9 +517,69 @@
        }
    }

    .table-input-border-w20 {
        width: 20%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w15 {
        width: 15%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }
    
    .table-input-border-w10 {
        width: 10%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w5 {
        width: 5%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .input-bottom-border {
        width: 15%;
        width: 11%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
            outline: none;
        }
    }

    .input-bottom-border1 {
        width: 33%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
            outline: none;
        }
    }

    
    .input-bottom-border2 {
        width: 21.5%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
@@ -491,6 +587,44 @@
        &:focus {
            outline: none;
        }
    }
    // 视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .video-box {
        margin: 20px 0 20px 8%;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .video-box-left {
        margin: 20px 8% 20px 0;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .videoname {
        display: flex;
        justify-content: center;
    }

    .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-top: 0.8%;
    }

    .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
    }

    // 续表
@@ -523,7 +657,6 @@
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;

        p {
            margin: 0;
@@ -547,7 +680,6 @@
                margin-right: 15px;
                padding: 0 15px;
                border-radius: 5px;
                margin-top: 15px;

                span {
                    font-size: 14px;
@@ -628,6 +760,25 @@
        margin-bottom: 18px;
    }

    .imgBox {
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;
    
        .img {
            margin: 0 !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
        }
    
        img {
            height: 80%;
        }
    }

    // 题目
    .textarea-box {
        background-color: transparent;
@@ -648,8 +799,8 @@
        background-color: transparent;
        margin-left: 2em;
        margin-right: 9%;
        max-width: 85%;
        min-width: 85%;
        max-width: 95%;
        min-width: 95%;
        outline: none;
    }

@@ -1085,9 +1236,9 @@
        margin-top: 1em;
    }

    h1.jz{
        text-align:center;
        text-indent:0em;
    h1.jz {
        text-align: center;
        text-indent: 0em;
    }

    .front {
@@ -1128,7 +1279,7 @@

    h4 {
        font-family: 'FZHTJW';
        font-weight: bold;
        font-weight: 500;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.1em;
@@ -1332,11 +1483,11 @@
        border-radius: 0em;
        position: relative;

        p{
        p {
            font-family: ZHONGDENGXIAN;
        }

        span{
        span {
            font-family: ZHUNYUAN;
        }
    }
@@ -1365,7 +1516,6 @@
        font-weight: 100;
        padding: 0em 0.15em 0em 0.3em;
    }



    .bk1 {
@@ -1400,15 +1550,64 @@
        box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
    }

    div.bk2 {
        border: 3px solid #93A8D5;
        padding: 0.2em 1em 0.2em 1em;
        border-radius: 1em;
        box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
        margin-top: 2em;
        margin-bottom: 1.5em;
    }


    .bj3 {
        background-color: #F1F5E7;
        padding: 20px 10px 10px 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        margin-top: 40px;
        position: relative;
    .zysx {
        margin-top: -1.7em;
        margin-left: -2em;
    }


    .zt-zysx {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #24b8bc;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px;
        font-size: 1.2em;
        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }

    .zt-zysx1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: 100;
        padding: 4px;
        font-size: 1.2em;
    }

    .zt-zysx2 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #0071BD;
        font-size: 1.2em;
    }

    .zt-1{
        color:#6F84AF;
        font-weight: bold;
        font-size:1.1em;
    
    }

    div.bj3 {
        background-color: #DED5E8;
        padding: 1em 1em 1em 1.5em;
        border-radius: 1em;
        margin-bottom: 0.2em;
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -0.7em;
    }

    span.bj3-xyx {