体育与健康pdf修改5

yiming

2024-08-16 2670d0e38d9c66265352e339cc1ba24bf78a3855

 src/books/sportsAndHealth/css/default.less

@@ -580,7 +580,21 @@
            margin: 0;
          }
        }
        .img-rights {
          width: 250px;
          float: right;
          height: auto;
          margin: auto;
          margin-left: 20px;

          img {
            width: 100%;
          }

          p {
            margin: 0;
          }
        }
        .qjdrIocn {
          display: flex !important;
          justify-content: center;
@@ -2008,6 +2022,82 @@
.pdfModal {
  width: 100%;
  height: 90vh;

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

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

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

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

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

          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';
        }
      }

      .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:hover {
          fill: #fff;
          cursor: pointer;
        }
      }
    }

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

@media screen and (max-width: 1024px) {