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

yiming

2024-08-13 f9d49455368b557eb10915d7cc56c4b5e17d338b

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

@@ -1911,8 +1911,20 @@
            <p class="block">2.掌握不同类型职业体能的科学训练方法，并实际运用到自己的生活和工作中。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
            <p class="bj1-ztgs qjdrIocn">情境导入
              <svg class="read-aloud" readId="qjdr011" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr011">
              体能不仅与健康、运动有关，也与职业有关，关系到我们生活的方方面面。同学们终有一天会踏上自己的工作岗位。体能作为促进健康的动力源泉，能够提升我们的健康水平，进而提高我们的工作效率，增强我们的抗压能力，最终提高我们的职业水平。那么，与职业相关的体能到底有哪些呢？如何发展职业体能？通过本专题的学习，同学们将对职业体能有全面且深入的了解。
            </p>
          </div>
@@ -2927,4 +2939,70 @@
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>