Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

7 小时以前 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b

 src/books/aviationSafety/assets/main.less

@@ -1,155 +1,156 @@
.aviationSafety-book {
  width: 100%;
  height: 100%;
    width: 100%;
    height: 100%;

  // 自定义内容
  .page-box {
      box-sizing: border-box;
      min-height: 1128px;
      margin-bottom: 20px;
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
  }
    // 自定义内容
    .page-box {
        box-sizing: border-box;
        min-height: 1128px;
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }

  .foreword {
      line-height: 10px !important;
      margin-top: 0;
  }
    .foreword {
        line-height: 10px !important;
        margin-top: 0;
    }

  .c-g {
      color: green;
  }
    .c-g {
        color: green;
    }

  .c-r {
      color: red;
  }
    .c-r {
        color: red;
    }

  .t-right {
      text-align: right;
  }
    .t-right {
        text-align: right;
    }

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

  .mr-9 {
      margin-right: 9%;
  }
    .mr-9 {
        margin-right: 9%;
    }

  .ml-9 {
      margin-left: 9%;
  }
    .ml-9 {
        margin-left: 9%;
    }

  .ml-2e {
      margin-left: 2em;
  }
    .ml-2e {
        margin-left: 2em;
    }

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

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

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

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

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

  .mb-20 {
      margin-bottom: 20px !important;
  }
    .mb-20 {
        margin-bottom: 20px !important;
    }

  .mb-10 {
      margin-bottom: 10px;
  }
    .mb-10 {
        margin-bottom: 10px;
    }

  .pd-5 {
      padding: 0 5px;
  }
    .pd-5 {
        padding: 0 5px;
    }

  .w100 {
      width: 100%;
  }
    .w100 {
        width: 100%;
    }

  .w90 {
      width: 90%;
  }
    .w90 {
        width: 90%;
    }


  .w80 {
      width: 80%;
  }
    .w80 {
        width: 80%;
    }


  .b0 {
      border: 0;
  }
    .b0 {
        border: 0;
    }

  sup {
      vertical-align: super;
      /* 保持上标对齐方式 */
      font-size: smaller;
      // position: relative; /* 相对于正常位置调整 */  
      // top: -0.2em; /* 根据需要调整这个值 */ 
  }
    sup {
        vertical-align: super;
        /* 保持上标对齐方式 */
        font-size: smaller;
        // position: relative; /* 相对于正常位置调整 */  
        // top: -0.2em; /* 根据需要调整这个值 */ 
    }

  .fz-13 {
      font-size: 13px !important;
  }
    .fz-13 {
        font-size: 13px !important;
    }

  .fz-14 {
      font-size: 14px !important;
  }
    .fz-14 {
        font-size: 14px !important;
    }

  .fz-15 {
      font-size: 15px !important;
  }
    .fz-15 {
        font-size: 15px !important;
    }

  .fz-16 {
      font-size: 16px !important;
  }
    .fz-16 {
        font-size: 16px !important;
    }

  .fz-18 {
      font-size: 18px !important;
  }
    .fz-18 {
        font-size: 18px !important;
    }


  .img-0 {
      width: 100%;
  }
    .img-0 {
        width: 100%;
    }

  .pt-20 {
      padding-top: 20px;
  }
    .pt-20 {
        padding-top: 20px;
    }

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

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

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

  .fl {
      display: flex;
  }
    .fl {
        display: flex;
    }

  .ju-cn {
      justify-content: center;
  }
    .ju-cn {
        justify-content: center;
    }

    .ju-ev {
        justify-content: space-evenly;
@@ -258,9 +259,9 @@
        background-color: #6D84AE;
    }

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

    }


@@ -493,7 +494,7 @@

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

@@ -536,7 +537,7 @@
            outline: none;
        }
    }
    

    .table-input-border-w10 {
        width: 10%;
        background-color: transparent;
@@ -562,6 +563,7 @@
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

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

        &:focus {
            outline: none;
        }
    }

    

    .input-bottom-border2 {
        width: 21.5%;
        background-color: transparent;
@@ -588,6 +591,7 @@
            outline: none;
        }
    }

    // 视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
@@ -612,10 +616,10 @@
    }

    .sInput {
      width: 60px;
      border: 0;
      outline: none;
      text-align: center;
        width: 60px;
        border: 0;
        outline: none;
        text-align: center;
    }

    .collect-btn {
@@ -771,7 +775,7 @@
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;
    

        .img {
            margin: 0 !important;
            font-size: 14px !important;
@@ -780,7 +784,7 @@
            transform: translateX(-50%);
            bottom: -2% !important;
        }
    

        img {
            height: 80%;
        }
@@ -1101,7 +1105,7 @@
    }

    .block2 {
        font-family: "FANGSONG";
        // font-family: "FANGSONG"
        font-size: 17px;
    }

@@ -1125,7 +1129,7 @@


    p {
        font-family: "BOYA";
        // font-family: "BOYA";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        text-indent: 2em;
@@ -1221,7 +1225,7 @@


    .h1-bj {
        font-family: 'ZHUNYUAN';
        // font-family: 'ZHUNYUAN';
        font-weight: 100;
        color: #FFFFFF;
        background-color: #6E85AF;
@@ -1230,7 +1234,7 @@
    }

    .h1-bk {
        font-family: 'FANGZHENG';
        // font-family: 'FANGZHENG';
        box-shadow: inset 0em 0.1em 0em 0em #C3C2C0;
        border-top-style: solid;
        border-right-style: solid;
@@ -1482,6 +1486,8 @@
        font-size: 1.2em;
    }



    .bk {
        border: 0.15em dotted #FAAD70;
        padding: 1em;
@@ -1491,11 +1497,11 @@
        position: relative;

        p {
            font-family: ZHONGDENGXIAN;
            // font-family: ZHONGDENGXIAN;
        }

        span {
            font-family: ZHUNYUAN;
            // font-family: ZHUNYUAN;
        }
    }

@@ -1523,6 +1529,9 @@
        font-weight: 100;
        padding: 0em 0.15em 0em 0.3em;
    }





    .bk1 {
@@ -1600,11 +1609,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 {
@@ -1614,7 +1623,7 @@
        margin-bottom: 0.2em;
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -0.7em;
        margin-top: -0.6em;
    }

    span.bj3-xyx {
@@ -1633,6 +1642,9 @@
        left: -25px;

    }




    .ts-1 {
        font-weight: bold;
@@ -1776,268 +1788,283 @@
}

.pdfModal {
  width: 100%;
  height: 90vh;
    width: 100%;
    height: 90vh;

  .pdfBox-component {
      width: 100%;
      height: 100%;
      position: relative;
    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;

      .preview {
          width: 100%;
          height: 100%;
        .preview {
            width: 100%;
            height: 100%;

          .imageBox {
              height: calc(100% - 30px);
              overflow-x: hidden;
              overflow-y: auto;
              background: #ccc;
              box-sizing: border-box;
          }
            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }

          .imageBox:hover {
              cursor: zoom-in !important;
          }
            .imageBox:hover {
                cursor: zoom-in !important;
            }

          ::v-deep .el-dialog__header {
              background-color: rgba(0, 0, 0, 0.8);
            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);

              .header_title {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  color: #fff;
                  font-weight: 900;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';

                  span:nth-child(2):hover {
                      cursor: pointer;
                  }
              }
                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }

              ::v-deep .el-dialog__title,
              ::v-deep .el-dialog__headerbtn .el-dialog__close {
                  color: #fff;
                  font-weight: 900;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
              }
          }
                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                }
            }

          .bottom_tool {
              height: 30px;
              background-color: rgba(0, 0, 0, 0.8);
              display: flex;
              justify-content: flex-end;
              align-items: center;
            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;

              svg {
                  margin-right: 15px;
                  fill: #d1d1d1;
              }
                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }

              svg:hover {
                  fill: #fff;
                  cursor: pointer;
              }
          }
      }
                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }

      .notBox {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: calc(100% - 30px);
          min-height: 300px;
      }
  }
        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}

.custom-dialog {
  overflow: hidden !important;

  .el-dialog__body {
      padding: 0;
  }
    .el-dialog__body {
        padding: 0;
    }

  .el-dialog__header {
      background-color: rgba(0, 0, 0, 0.8);
    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

      .header_title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #fff;
          font-weight: 900;
          font-size: 16px;
          font-family: 'FZLTXIHJW';
        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';

          span:nth-child(2):hover {
              cursor: pointer;
          }
      }
            span:nth-child(2):hover {
                cursor: pointer;
            }
        }

      .el-dialog__title,
      .el-dialog__headerbtn .el-dialog__close {
          color: #fff;
          font-weight: 900;
          font-size: 16px;
          font-family: 'FZLTXIHJW';
      }
  }
        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}

.header_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  // color: #fff;
  font-weight: 900;
  font-size: 16px;
  font-family: 'FZLTXIHJW';
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: 'FZLTXIHJW';

  span:nth-child(2):hover {
      cursor: pointer;
  }
    span:nth-child(2):hover {
        cursor: pointer;
    }
}


@font-face {
  font-family: 'FZLTZHJW';
  src: url('./Fonts/FZLTZHJW.ttf');
    font-family: 'FZLTZHJW';
    src: url('./Fonts/FZLTZHJW.ttf');
}

@font-face {
  font-family: 'FZLTXIHJW';
  src: url('./Fonts/FZLTXIHJW.ttf');
    font-family: 'FZLTXIHJW';
    src: url('./Fonts/FZLTXIHJW.ttf');
}

@font-face {
  font-family: 'FZHTJW';
  src: url('./Fonts/FZHTJW.ttf');
    font-family: 'FZHTJW';
    src: url('./Fonts/FZHTJW.ttf');
}

@font-face {
  font-family: 'FANGSONG';
  src: url('./Fonts/fangSong.ttf');
    font-family: 'FANGSONG';
    src: url('./Fonts/fangSong.ttf');
}

@font-face {
  font-family: 'FANGZHENG';
  src: url('./Fonts/fangZheng.ttf');
    font-family: 'FANGZHENG';
    src: url('./Fonts/fangZheng.ttf');
}

@font-face {
  font-family: 'ZHUNYUAN';
  src: url('./Fonts/zhunyuan.ttf');
    font-family: 'ZHUNYUAN';
    src: url('./Fonts/zhunyuan.ttf');
}

@font-face {
  font-family: 'ZHONGDENGXIAN';
  src: url('./Fonts/zhongdengxian.ttf');
    font-family: 'ZHONGDENGXIAN';
    src: url('./Fonts/zhongdengxian.ttf');
}

@font-face {
  font-family: 'BOYA';
  src: url('./Fonts/boYa.ttf');
    font-family: 'BOYA';
    src: url('./Fonts/boYa.ttf');
}


// 隐藏页面
.hidePage {
  min-height: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
}

/* 媒体查询做基础响应式布局 */

@media screen and (max-width: 1024px) {
  .pdfModal {
      width: 100%;
      height: 80vh;
  }
    .pdfModal {
        width: 100%;
        height: 80vh;
    }

  .custom-dialog {
      .el-dialog {
          width: 90vw !important;
      }
  }
    h1 {
        font-size: 1.1em;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media screen and (max-width: 800px) {
  .pdfModal {
      width: 100%;
      height: 60vh;
  }
    .pdfModal {
        width: 100%;
        height: 60vh;
    }

  .custom-dialog {
      .el-dialog {
          width: 90vw !important;
      }
  }
    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media (max-width: 660px) {
  .aviationSafety-book {
    .aviationSafety-book {

      /* 分页padding */
      .padding-93 {
          padding: 0 20px;
      }
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
        }

      .padding-102 {
          padding: 0 20px;
      }
        .padding-102 {
            padding: 0 20px;
        }


      .img-float {
          width: 130px;
      }
        .img-float {
            width: 130px;
        }

      .img-rights {
          width: 130px;
      }
        .img-rights {
            width: 130px;
        }

      .btn-w {
          width: 42px;
      }
  }
        .btn-w {
            width: 42px;
        }

        .pad-l-60 {
            padding-left: 10px;
        }

        .mr-70 {
            margin-right: 15px;
        }

        h1 {
            font-size: 1.1em;
        }
    }
}

@media (min-width: 660px) {
  .aviationSafety-book {
      .padding-93 {
          padding: 0 93px 0px 93px;
      }
    .aviationSafety-book {
        .padding-93 {
            padding: 0 93px 0px 93px;
        }

      .padding-102 {
          padding: 0 102px 0 102px;
      }
  }
        .padding-102 {
            padding: 0 102px 0 102px;
        }
    }
}

::-webkit-scrollbar {
  width: 8px;
  height: 10px;
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.3);
  -webkit-border-radius: 6px;
    height: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.3);
  -webkit-border-radius: 6px;
    width: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}