体育与健康bug修改

zhongshujie

2024-10-10 1360d110943a02823b56d07e40af1b7ad64d2a36

 src/books/sportsAndHealth/view/components/chapter001.vue

@@ -4884,7 +4884,7 @@
                  <span class="span-P">图1 自救腹部冲击法 </span>
                </div>
                <div class="fl fd-c al-c">
                  <img class="w56" src="../../image/page29PDFTwo.png" alt="" />
                  <img class="w57" src="../../image/page29PDFTwo.png" alt="" />
                  <span class="span-P">图2 椅背冲击法</span>
                </div>
              </div>
@@ -6365,73 +6365,3 @@
  },
}
</script>
<style lang="less" scoped>
b {
  color: #f79447;
}

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

.custom-dialog {
  overflow: hidden !important;

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

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

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

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

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

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>