轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

 src/books/aviationSafety/assets/main.less

@@ -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 {
@@ -131,6 +135,10 @@
        text-indent: 0em !important;
    }

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

    .td-2 {
        text-indent: 2em !important;
    }
@@ -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 {
@@ -386,6 +402,10 @@
        width: 270px;
    }

    .w260 {
        width: 260px;
    }

    .w250 {
        width: 250px;
    }
@@ -404,6 +424,10 @@

    .w200 {
        width: 200px;
    }

    .w190 {
        width: 190px;
    }

    .w180 {
@@ -484,7 +508,7 @@
    }

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

@@ -493,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;
@@ -503,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%;
    }

    // 续表
@@ -636,6 +758,25 @@
        width: 100%;
        height: 280px;
        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%;
        }
    }

    // 题目
@@ -1441,8 +1582,8 @@
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 6px;
        font-weight: 100;
        padding: 4px;
        font-size: 1.2em;
    }

@@ -1466,7 +1607,7 @@
        margin-bottom: 0.2em;
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -0.9em;
        margin-top: -0.7em;
    }

    span.bj3-xyx {