轮播图优化

zhongshujie

2024-12-27 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99

 src/books/aviationSafety/assets/main.less

@@ -2,45 +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;
      }
  
      .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;
@@ -547,7 +508,7 @@
    }

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

@@ -556,6 +517,45 @@
        }
    }

    .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%;
@@ -587,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%;
    }

    // 续表
@@ -729,7 +767,7 @@
    
        .img {
            margin: 0 !important;
            font-size: 16px !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);