轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

 src/books/aviationSafety/assets/main.less

@@ -2,52 +2,6 @@
    width: 100%;
    height: 100%;

    // 视频  
    .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;
    }

    .selectInput {
        width: 20px;
        outline: none;
        border: 0;
        text-align: 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%;
    }

    // 自定义内容
    .page-box {
        box-sizing: border-box;
@@ -90,7 +44,7 @@
        margin-left: 2em;
    }

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

@@ -103,8 +57,7 @@
    }

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

    .mt-50 {
@@ -131,126 +84,6 @@
        width: 90%;
    }


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

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

.table-textarea {
    font-size: 14px;
    font-family: "Times New Roman", "宋体";
    resize: none;

    &:focus {
        outline: none;
    }
}

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

    &:focus {
        outline: none;
    }
}

.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: 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;

    &:focus {
        outline: none;
    }
}

// 续表
.continued {
    text-align: right;
    margin: 0%;
}


.text-rights {
    width: 230px;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;

    .w80 {
        width: 80%;
@@ -425,9 +258,9 @@
        background-color: #6D84AE;
    }

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

       
    }


@@ -660,7 +493,7 @@

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

@@ -675,7 +508,7 @@
    }

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

@@ -684,13 +517,51 @@
        }
    }

    .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: 11%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
@@ -701,13 +572,12 @@
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
    }


    
    .input-bottom-border2 {
        width: 21.5%;
        background-color: transparent;
@@ -717,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%;
    }

    // 续表
@@ -856,16 +764,16 @@
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;

    
        .img {
            margin: 0 !important;
            font-size: 16px !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
        }

    
        img {
            height: 80%;
        }
@@ -1685,11 +1593,11 @@
        font-size: 1.2em;
    }

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

        font-size:1.1em;
    
    }

    div.bj3 {