yiming
2024-08-15 8f526fbf0d8fe16d1b396f3fce710b9e7f64e353
src/books/sportsAndHealth/view/components/chapter007.vue
@@ -2639,68 +2639,67 @@
</script>
<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}
// .pdfModal {
//   width: 100%;
//   height: 90vh;
// }
.custom-dialog {
  overflow: hidden !important;
// .custom-dialog {
//   overflow: hidden !important;
  /deep/ .el-dialog__body {
    padding: 0;
  }
//   /deep/ .el-dialog__body {
//     padding: 0;
//   }
  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
//   /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;
//       }
//     }
    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}
//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// }
@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }
  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }
  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>
//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }</style>