体育与健康（第一，二，四单元结束）

zhongshujie

2024-07-29 ddd2b5b556f685276edcebca302a3dc28177155c

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

@@ -1,5 +1,5 @@
<template>
  <div class="chapter" num="3">
  <div class="chapter" num="8">
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="bodystyle">
@@ -264,6 +264,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../image/352-1.png" />
                    <p class="img">图1-8-2 仰头抬颌法</p>
                  </div>
                </div>
                <div class="swiper-slide">
@@ -281,7 +282,8 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-2 反手推挡</p>
          
          <p class="img">图1-8-3 推举下颌法</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的推挡练习要严格按照技术路线进行。</p>
@@ -1456,11 +1458,12 @@
        </div>
      </div>
    </div>
    <div>
    <div >
      <el-dialog
        :visible.sync="dialogVisible"
        width="60vw"
        append-to-body
        top="2vh"
        lock-scroll
        :show-close="false"
        class="custom-dialog"
      >
@@ -1691,9 +1694,18 @@
    },
    toUrl(val) {
      if (val) {
        this.dialogVisible = true;
        this.p_md5 = this.chapter002.pdfMd5[val].md5;
        this.pdfTitle = this.chapter002.pdfMd5[val].name;
        const obj = {
          type: "pdf",
          data: {
            md5: this.chapter002.pdfMd5[val].md5,
            title: this.chapter002.pdfMd5[val].name,
          },
        };
        this.$emit("openPDFChange", obj);

        // this.dialogVisible = true;
        // this.p_md5 = this.chapter002.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter002.pdfMd5[val].name;
      }
    },
    async getVideo(md5, val) {
@@ -1728,3 +1740,69 @@
  },
};
</script>

<style lang="less">
.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>