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

闫增涛

2024-06-05 23ebc0d9ee7d4b06916478f84b411d0406f11a3a

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

 src/assets/methods/resources.js

@@ -1,19 +1,22 @@
import fileApi from '@/assets/js/middleGround/api/file'
import fileApi from "@/assets/js/middleGround/api/file";
export const getResourcePath = async(md5,appRefCode = "jingshieke") => {
  let path = ''
  await fileApi.getAliVod({
    md5,appRefCode
  }).then(res => {
    if(typeof res == 'string') {
      path =  res
    } else {
      path =   process.env.VUE_APP_API_URL + '/file/api/ApiDownload?md5=' + md5
    }
  let path = "";
  await fileApi
    .getAliVod({
      md5,
      appRefCode,
  })
  return path
    .then((res) => {
      if (res?.data != "" && res?.data != undefined) {
        path = res.data;
      } else {
        path = process.env.VUE_APP_API_URL + "/file/api/ApiDownload?md5=" + md5;
}
    });
  return path;
};
const MT = {
  getResourcePath
}
  getResourcePath,
};

export default MT
export default MT;

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box" page="4" style="min-height: auto;">
    <div class="page-box" page="4" style="min-height: auto">
      <div v-if="showPageList.indexOf(4) > -1">
        <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
        <img src="../../assets/images/01.gif" alt="" style="width: 53%;" class="cover-img">

 src/books/lifeCare/css/default.less

@@ -290,11 +290,11 @@
            margin-top: -12%;

            .title {
              font-size: 18px;
              font-size: 16px;
            }

            .pageStr {
              font-size: 18px;
              font-size: 16px;
            }
          }
        }
@@ -364,10 +364,10 @@

        @media (max-width: 756px) {
          .second-con {
            font-size: 18px;
            font-size: 16px;

            .pageNum {
              font-size: 18px !important;
              font-size: 16px !important;
            }
          }
        }
@@ -1554,6 +1554,120 @@
      top: -2em;
    }
  }

  @media screen and (max-width:800px) {
    .public-lifeCare .coverImg {
      position: absolute;
      top: 25%;
      left: 0;
    }

    .chapter {

      .prefaceImg {
        width: 100% !important;
        position: absolute;
        left: 0%;
        top: 4%;
      }

      .pdf-content {
        padding: 20% 5%;
        box-sizing: border-box;
      }

      div.bk-tx {
        textarea {
          min-width: 275px;
        }
      }

      p {
        margin-top: 0;
        line-height: 25px;
        font-size: 16px;
        font-family: 'FZLTXIHJW'
      }

      .header .pageHeader-second .second-con .second-right img {
        height: 30px;
        position: absolute;
        left: -35px;
        top: 0;
      }

      div.bj1 {
        padding: 0.01em 1em 0.01em 1em;
        margin-top: -2em;
        margin-left: -4em;
        margin-right: -1em;
      }

      .img-gn {
        height: 40px;
        margin-bottom: -0.4em;
      }

      h3 {
        font-family: "FZLTZHJW";
        font-weight: bold;
        font-size: 16px;
        margin-top: 2em;
        /* margin-bottom: 2em; */
        text-indent: 0em;
      }

      h4 {
        text-align: left;
        font-family: "FZLTZHJW";
        font-weight: bold;
        color: #f49a4c;
        font-size: 16px;
        margin-top: 0.2em;
        margin-bottom: 2em;
        text-indent: 0em;

        .fontsz1 {
          width: auto;
        }

      }

      .bj-tip {
        top: -25px;
        left: 10px;
        font-size: 16px;
        font-weight: normal;
        font-family: 'FZLTZHJW';

        div {
          width: 30px;
          height: 27px;
        }
      }

      p.bj1-qjms {
        top: -1em;
      }

      .table111,
      .table112 {
        width: 100%;
        border-collapse: collapse;

        tr th {
          width: auto !important;
        }
      }


      .drawContent_wall {
        margin-bottom: 2em;
      }

      
    }
  }
}

body {

 src/books/lifeCare/index.vue

@@ -12,37 +12,44 @@
      <front001
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
        :isSearch="isSearch"
      />
      <ChapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
      />
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
@@ -50,16 +57,19 @@
        :questionData="questionData"
        @eventSwdt="swdtChange"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
      />
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapter010
        v-if="showCatalogList.indexOf(11) > -1"
@@ -143,6 +153,7 @@
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      isSearch: false,
    };
  },
  computed: {
@@ -255,7 +266,7 @@
  methods: {
    changeDomViewer(){
      setTimeout(() => {
        this.initViewer()
        this.initViewer();
      }, 500);
    },
    // 滚动监听
@@ -633,7 +644,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
@@ -645,11 +656,11 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
@@ -677,7 +688,7 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -696,8 +707,8 @@
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            }
          }
            },
          },
        });
      }
    },
@@ -713,7 +724,7 @@
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true // 显示标题
          title: true, // 显示标题
        });
      }
    },

 src/books/lifeCare/view/chapter001.vue

@@ -1403,7 +1403,7 @@
</template>

<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1415,6 +1415,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1440,6 +1444,7 @@
    examinations,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
@@ -1447,6 +1452,7 @@
    this.chapter001.videOneUrl = await getResourcePath(
      "68ebd5c05bcb742999a9ebdce4b4bd53"
    );
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter002.vue

@@ -1410,7 +1410,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1422,6 +1422,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1663,6 +1667,7 @@
    examinations,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
@@ -1673,10 +1678,7 @@
    this.chapter002.videOneUrl116 = await getResourcePath(
      "b727b78f8036a38cbd054816a81da7f8"
    );
    // this.chapter002.videOneUrl116 =
    //   "https:/jsek.bnuic.com/file/api/ApiDownload?md5=b727b78f8036a38cbd054816a81da7f8";
    // this.chapter002.videOneUrl =
    //   "https:/jsek.bnuic.com/file/api/ApiDownload?md5=6e471afdbeb95a8891f1551cbb0cd4fd";
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter003.vue

@@ -2785,7 +2785,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
// import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
@@ -2800,6 +2800,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -3247,6 +3251,7 @@
    drawflow,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter003"));
    if (localData) {
      this.chapter003 = { ...Object.assign(this.chapter003, localData) };
@@ -3284,33 +3289,7 @@
    this.chapter003.videoTevUrl = await getResourcePath(
      "f12a50c2ac57da78ff02f3d5f430163b"
    );
    // this.chapter003.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=459ab85d46207bfcca4801dc9b319b9b";
    // this.chapter003.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=3817bea302b25b865ff938140939a8de";
    // this.chapter003.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=7af72da649f6656c3b2164e708f5c132";
    // this.chapter003.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=e24de9b0cdd889cb73e9b472ad6f4731";
    // this.chapter003.videoSixUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=d95740ab777d9c7ca074c33317a835c4";
    // this.chapter003.videoSevenUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=0b330926f3e6ed510b48144a83199fb3";
    // this.chapter003.videoEigthUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=9f63cc4dcba6a87cbfe82a9ec4d7c77e";
    // this.chapter003.videoNineUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=c2ecf6f102a6e9b210f3db49b17b58a4";
    // this.chapter003.videoTenUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=b6943018923c0cbad4e414dc2097cb9a";
    // this.chapter003.videoEleUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a";
    // this.chapter003.videoTevUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b";
    // this.chapter003.qustionData = await getQuestionData(
    //   "3",
    //   testData[3],
    //   this.config.activeBook
    // );
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter004.vue

@@ -1355,7 +1355,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import {getResourcePath} from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import drawflow from "@/components/drawflow";
export default {
@@ -1367,6 +1367,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  components: {
@@ -1446,6 +1450,7 @@
    };
  },
  async created() {
    if(!this.isSearch){
    const localData = JSON.parse(localStorage.getItem("chapter004"));
    if (localData) {
      this.chapter004 = { ...Object.assign(this.chapter004, localData) };
@@ -1459,12 +1464,7 @@
    this.chapter004.videoFourUrl = await getResourcePath(
      "1b04691b60e5b5b207b3a4967c495d29"
    );
    // this.chapter004.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
    // this.chapter004.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
    // this.chapter004.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter005.vue

@@ -3102,7 +3102,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import drawflow from "@/components/drawflow";
@@ -3116,6 +3116,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -3555,6 +3559,7 @@
    drawflow,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter005"));
    if (localData) {
      this.chapter005 = { ...Object.assign(this.chapter005, localData) };
@@ -3571,14 +3576,7 @@
    this.chapter005.videoFiveUrl = await getResourcePath(
      "8400384441ad9236d5eab24f500ec2c7"
    );
    // this.chapter005.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
    // this.chapter005.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
    // this.chapter005.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
    // this.chapter005.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
    }
  },
  methods: {
    activityOne() {
@@ -3749,7 +3747,7 @@
            if (type == "3") {
              that.chapter005.pictrueListThree.push(getPublicImage(e));
            }
            that.$emit('Upload_initViewer',"")
            that.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter005", JSON.stringify(that.chapter005));
          }, 1000);
        })

 src/books/lifeCare/view/chapter006.vue

@@ -1307,7 +1307,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1319,6 +1319,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1455,6 +1459,7 @@
    examinations,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter006"));
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) };
@@ -1462,8 +1467,7 @@
    this.chapter006.videOneUrl = await getResourcePath(
      "04fafb0e896ffe0379edd6d695a92b13"
    );
    // this.chapter006.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter007.vue

@@ -2567,7 +2567,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";

@@ -2580,6 +2580,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -2841,6 +2845,7 @@
    examinations,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
@@ -2860,16 +2865,7 @@
    this.chapter007.videoSixUrl = await getResourcePath(
      "f92c68faa37e1f6ce9ca50f234ddad90"
    );
    // this.chapter007.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
    // this.chapter007.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
    // this.chapter007.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
    // this.chapter007.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    // this.chapter007.videoSixUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
    }
  },
  methods: {
    activityOne() {
@@ -2991,7 +2987,7 @@
              that.chapter007.pictrueListFour.push(getPublicImage(e));
            }
            that.isLoding = false;
            this.$emit('Upload_initViewer',"")
            this.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
          }, 1000);
        })

 src/books/lifeCare/view/chapter008.vue

@@ -1092,7 +1092,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1104,6 +1104,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1230,6 +1234,7 @@
    examinations,
  },
  async created() {
    if (!this.isSearch) {
    const localData = JSON.parse(localStorage.getItem("chapter008"));
    if (localData) {
      this.chapter008 = { ...Object.assign(this.chapter008, localData) };
@@ -1240,10 +1245,7 @@
    this.chapter008.videoTwoUrl = await getResourcePath(
      "460c7bc740882a9ad93b096a2151dd1c"
    );
    // this.chapter008.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
    // this.chapter008.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter009.vue

@@ -20,7 +20,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter010.vue

@@ -613,7 +613,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter011.vue

@@ -418,9 +418,7 @@
</template>
<script>
export default {
  name: "chapter011",


  name: "chapter-011",
  props: {
    showPageList: {
      type: Array,

 src/books/lifeCare/view/chapter012.vue

@@ -638,7 +638,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter013.vue

@@ -608,7 +608,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter014.vue

@@ -1708,11 +1708,9 @@
<script>
export default {
  name: "chapter-014",

  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/sportsAndHealth/css/default.less

@@ -44,6 +44,12 @@
  font-size: 18px;

  .chapter {

    .swiper-button-prev,
    .swiper-button-next {
      color: #5877ba;
    }

    .page-box {
      box-sizing: border-box;
      min-height: 1150px !important;
@@ -85,6 +91,116 @@
          }
        }
      }
    }

    .pdf-tips-con {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;

      .pdf-wall {
        max-width: 180px;
        position: absolute;
        right: 0;
        top: 25px;
        border: 2px dotted #5d78bb;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;

        .pdf-item {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;

          img {
            width: 80px;
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
            line-height: 20px;
          }

          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* 标准语法 */
          }
        }
      }
    }

    .leftTable {
      table {
        tr td {
          text-align: left !important;
        }
      }
    }

    .parentVideo {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;

      .videoItem {
        width: 200px;
        margin: 3px 4px;
        border: 1px dotted #30aad1;

        video {
          width: 100%;
        }

        video::-webkit-media-text-track-display {
          /* 这里可以添加自定义的样式代码 */
          color: red;
          /* 文字颜色 */
          background-color: yellow;
          /* 背景颜色 */
        }

        span {
          display: flex;
          justify-content: center;
          font-size: 14px;
          text-align: center;
          font-family: 'FZLTXIHJW';
        }
      }
    }

    .gif-Con {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0 !important;
      padding: 1px !important;
    }

    .imgBox-003 {
      width: 100%;
      height: 220px;
    }

    .tablePublic {
@@ -152,8 +268,9 @@
          background-color: #d6dbee;
          color: #f49a4c;
          text-align: center;
          padding: 5px 20px;
          padding: 5px 10px;
          font-size: 16px;
          font-family: 'FZLTXIHJW';
        }

        tr td {
@@ -162,6 +279,7 @@
          padding: 3px 10px;
          font-size: 14px;
          line-height: 25px;
          font-family: 'FZLTXIHJW';

          input {
            cursor: pointer;
@@ -312,8 +430,10 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;

      p {
        margin: 0;
        margin-right: 10px;
      }

@@ -323,13 +443,14 @@
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px 0;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 10px;
        margin-top: -50px;
        margin-top: -140px;

        .pdf-view {
          min-width: 160px;
          display: flex;
          flex-direction: column;
          justify-content: center;
@@ -340,9 +461,9 @@
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
          }

          span:hover {
@@ -359,6 +480,10 @@
            /* 标准语法 */
          }
        }
      }

      .pdf-con-15 {
        margin-top: -20px;
      }
    }

@@ -1424,9 +1549,13 @@
    }

    .bj1-mk {
      background-color: #99b4df;
      background-image: url('../image/mk.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      color: #ffffff;
      padding: 0.3em 0.7em 0.3em 0.7em;
      padding: 5px 28px 15px 25px;
      // padding: 0.3em 0.7em 0.3em 0.7em;
      font-weight: bold;
      font-size: 1em;
    }
@@ -1441,6 +1570,75 @@
      font-weight: bold;
    }
  }

  @media screen and (max-width: 800px) {
   .chapter{
    .pdf-tips-con {
      width: 100%;
      min-width: 200px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 20px 0;

      .pdf-wall {
        max-width: 180px;
        position: relative;
        left: 30px;
        top: 25px;
        border: 2px dotted #5d78bb;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;

        .pdf-item {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;

          img {
            width: 80px;
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
            line-height: 20px;
          }

          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* 标准语法 */
          }
        }
      }
    }
    .parentVideo {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
   }
  }
}

body {

 src/books/sportsAndHealth/image/352-1.png

 src/books/sportsAndHealth/image/352-2.png

 src/books/sportsAndHealth/image/352-3.png

 src/books/sportsAndHealth/image/353-1.png

 src/books/sportsAndHealth/image/353-2.png

 src/books/sportsAndHealth/image/353-3.png

 src/books/sportsAndHealth/image/353-4.png

 src/books/sportsAndHealth/image/354-1.png

 src/books/sportsAndHealth/image/354-2.png

 src/books/sportsAndHealth/image/354-3.png

 src/books/sportsAndHealth/image/354-4.png

 src/books/sportsAndHealth/image/355-1.png

 src/books/sportsAndHealth/image/355-2.png

 src/books/sportsAndHealth/image/355-3.png

 src/books/sportsAndHealth/image/356-1.png

 src/books/sportsAndHealth/image/356-2.png

 src/books/sportsAndHealth/image/356-3.png

 src/books/sportsAndHealth/image/356-4.png

 src/books/sportsAndHealth/image/356-5.png

 src/books/sportsAndHealth/image/357-1.png

 src/books/sportsAndHealth/image/357-2.png

 src/books/sportsAndHealth/image/357-3.png

 src/books/sportsAndHealth/image/357-4.png

 src/books/sportsAndHealth/image/357-5.png

 src/books/sportsAndHealth/image/gif/T-zi.gif

 src/books/sportsAndHealth/image/mk.png

 src/books/sportsAndHealth/index.vue

@@ -17,23 +17,27 @@
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @eventPublic="swdtChange"
        :isSearch="isSearch"
      />
      <!-- <ChapterThree
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
      /> -->
      <!-- <ChapterFour
        :isSearch="isSearch"
      />
      <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
      /> -->
        :isSearch="isSearch"
      />
      <!-- <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
@@ -104,6 +108,8 @@
import front001 from "./view/front001";
import ChapterOne from "./view/chapter001";
import ChapterTwo from "./view/chapter002";
import ChapterThree from "./view/testDynaicTable";
import ChapterFour from "./view/testPp";
// import ChapterThree from "./view/chapter003";
// import ChapterFour from "./view/chapter004";
// import ChapterFive from "./view/chapter005";
@@ -131,7 +137,7 @@
export default {
  data() {
    return {
      catalogLength: 19, // 总章节数
      catalogLength: 5, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -142,6 +148,7 @@
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      isSearch: false,
    };
  },
  computed: {
@@ -187,7 +194,7 @@
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [2];
    this.showCatalogList = [5];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
@@ -775,8 +782,8 @@
    front001,
    ChapterOne,
    ChapterTwo,
    // ChapterThree,
    // ChapterFour,
    ChapterThree,
    ChapterFour,
    // ChapterFive,
    // chapterSix,
    // chapterSeven,

 src/books/sportsAndHealth/view/chapter002.vue

@@ -5307,8 +5307,7 @@
              >。
            </p>
            <p class="block">
              体重指数<a id="w4"></a
              ><a href="#m4"><sup>[4]</sup></a
              体重指数<a id="w4"></a><a href="#m4"><sup>[4]</sup></a
              >：<input
                @change="changeAssess($event, 'text22')"
                maxlength="5"
@@ -5318,14 +5317,16 @@
                type="text"
              />千克/米<sup>2</sup>　低体重　正常 超重 肥胖
            </p>
            <p class="block">肺活量：<input
            <p class="block">
              肺活量：<input
                @change="changeAssess($event, 'text33')"
                maxlength="5"
                style="width:50px"
                :value="chapter002.tkItem01.text33"
                class="assess"
                type="text"
              />毫升 偏低　正常　良好 优秀</p>
              />毫升 偏低　正常　良好 优秀
            </p>
            <p class="block">脊柱　正常　侧弯　前凸或后凸</p>
            <p class="block">性发育：　正常　异常</p>
            <p class="block">总体： 偏差　正常　良好</p>
@@ -5645,7 +5646,7 @@
            我们要遵循“三减”（减盐、减油、减糖）的饮食方式，避免偏食、挑食和暴饮暴食。
          </p>
          <h5 id="e035">（三）不吸烟、不饮酒</h5>
          <br>
          <br />
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
@@ -5702,10 +5703,16 @@
        </div>
      </div>
    </div>
   
    <!-- <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="bodystyle">
        </div>
      </div>
    </div> -->
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
export default {
  name: "chapter-2",
  props: {
@@ -5715,6 +5722,10 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -5722,7 +5733,6 @@
      isShowScore2: false,
      isShowScore3: false,
      isShowScore4: false,
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
        isShowXyx02: true,
@@ -5804,13 +5814,6 @@
    },
    activityXyx11() {
      this.chapter002.isShowXyx11 = !this.chapter002.isShowXyx11;
    },
    toUrl(val) {
      if (val == 1) {
        window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
      } else {
        window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
      }
    },
    submit(val) {
      if (val == 1) this.isShowScore1 = true;

 src/books/sportsAndHealth/view/chapter005.html

@@ -1028,6 +1028,8 @@
</div>
<h4 class="h4-dy3" id="d066"><span class="h4-dy3s">一</span>　了解乒乓球运动</h4>
<p>乒乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动，在世界上许多地方流行。乒乓球运动1900年起源于英国，20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展，打法多样，球路变化丰富，技术动作要求协调、灵敏、精确，观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质，同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业，尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展，乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。</p>


<h4 class="h4-dy3" id="d067"><span class="h4-dy3s">二</span>　学练乒乓球技能</h4>
<h5 id="e100"><span class="bj1-mk">模块一</span></h5>
<p>本模块设置了乒乓球运动中较为基础的技战术内容。其中，单项技术学练包括握拍方法与核心技术、反手推挡、正手攻球，以及课程平台中的平击发球；基本战术学练包括发平击球抢攻，以及课程平台中的接平击球抢攻；组合技能练习设置的是1/2 左推+右攻，以及课程平台中的推挡+侧身攻。同学们学练本模块的内容，能够提高基本的技战术水平，为参与本模块设置的比赛提供保障，为后续模块的学练奠定基础。</p>
@@ -1050,6 +1052,8 @@
<p><span class="zt-cs">2.反手推挡</span></p>
<p>（1）动作要领</p>
<p>击球前，左脚稍前站立，身体离台40～50厘米；通过脚步移动来到球落点的侧前方，前臂内旋将球拍后引至身体左侧稍后；在上升期击球的中上部；击球后前臂向上方外转90°，然后迅速还原成击球前的准备姿势。</p>


<p>（2）学练建议</p>
<p>①在练习过程中先进行颠球练习，完成50次颠球后进行对墙练习。</p>
<p>②上台练习，完成支撑动作。</p>
@@ -1074,6 +1078,8 @@
<p>②上台练习，完成支撑动作。</p>
<p>③在支撑熟练的基础上完成乒乓球卷带动作。</p>
<p>④拓展练习：通过减慢正手攻球速度巩固技术，通过加快击球速度提高技术质量。</p>


<p><span class="zt-ls">（二）基本战术学练</span></p>
<p><span class="zt-cs">发平击球抢攻</span></p>
<p>（1）战术方法</p>
@@ -1102,7 +1108,12 @@
<p>（2）练习要求</p>
<p>站在球台的左半台，离球台40～50厘米。推挡为直线，正手攻球为斜线，落点位置在左半台的边线位置。通过步法移动保证击球点在身体的侧前方。</p>
<h5 id="e101"><span class="bj1-mk">模块二</span></h5>
<p>本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。</p>
<p>本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；
  
  
  
  
基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。</p>
<p><span class="zt-ls">（一）单项技术学练</span></p>
<p><span class="zt-cs">1.攻球、推挡和快搓</span></p>
<p>（1）动作要领</p>
@@ -1128,6 +1139,8 @@
<p class="center"><img class="img-b" alt="" src="../image/0122-2.jpg"/></p>
<p class="img">图3-5-5 慢搓</p>
<p>搓球是近台还击下旋球的一种基本技术，可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡，为自己下一板创造进攻机会。</p>


<p>（1）动作要领</p>
<p>慢搓要求右脚在前或两脚平行站立，身体离台40～50厘米。手臂外旋使拍面角度后仰，前臂向左上方引拍至胸前，横握拍手腕适当外展，直握拍手腕作屈，拍头指向斜上方。当来球跳至下降前期，前臂带动手腕加速向右前下方。用力摩擦球拍面后，仰击球的中下偏外侧的部位。击球后，前臂顺势前送，并注意还原。</p>
<p>（2）学练建议</p>
@@ -1163,6 +1176,8 @@
<p><span class="zt-cs">推挡+侧身攻</span></p>
<p>（1）练习方法</p>
<p>①准备动作：左脚在前，右脚在后，两脚间距比肩稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位的侧前方。</p>


<p>②动作要领：站在左半台先进行推斜线练习，然后通过步法移动到左侧边线外，同时将执拍手移到正手位的侧身位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；击球过程中，保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过跳步移动至反手位，回到准备动作阶段。</p>
<p>（2）练习要求</p>
<p>站在左半台边，离球台40～50厘米。推挡和侧身攻为斜线，落点在球台的中线或左侧边位置。通过步法移动完成技术组合动作。</p>
@@ -1179,6 +1194,8 @@
<p>②完成单个弧圈球技术练习。</p>
<p>③在支撑熟练的基础上完成连续的弧圈球技术练习。</p>
<p>④拓展练习：配合多球来巩固技术动作。</p>


<p><span class="zt-cs">2.正手发左侧上（下）旋球</span></p>
<p>（1）动作要领</p>
<p>正手发左侧上（下）旋球时，左脚在前，右脚在后，身体侧向球台，身体重心下降。左手将球向上抛起，同时右臂向右后上方引拍，握拍手腕外展，腰部略向右转动。当球下降至接近网高时，前臂加速向左前方挥摆，触球时手臂、手腕发力，直握拍手腕内旋，横握拍手腕内收，腰部配合向左转。发侧上旋球时，拍面略微立起，击球的中部向左侧上方摩擦；发侧下旋球时，拍面略后仰，击球的中下部向左侧下方向摩擦。随势挥拍，迅速还原。</p>
@@ -1212,6 +1229,9 @@
<p>3.通过步法移动，寻找最佳击球点，能有效地提高技术质量。</p>
<p>4.注意发球线路的变化。</p>
</div>



<p><span class="zt-ls">（三）组合技能练习</span></p>
<p><span class="zt-cs">全台左推+右攻</span></p>
<p>（1）练习方法</p>
@@ -1229,6 +1249,10 @@
<h4 class="h4-dy3" id="d070"><span class="h4-dy3s">五</span>　训练专项体能</h4>
<p>想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与乒乓球运动，乃至在职场中展现出更好的身体素质打牢基础。</p>
<p>请同学们登录课程平台进行杠铃箭步蹲、侧抛实心球和绳梯步法训练及横向小滑步、两进两出的专项体能训练。</p>




<h3 class="lefth3" id="c017"><img class="img-gh1" alt="" src="../image/dy3-xm6.jpg"/></h3>
<div class="bk-tyzg">
<p class="bj1-tyzg">体育中国</p>

 src/books/sportsAndHealth/view/testDynaicTable.vue

New file
@@ -0,0 +1,93 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle">
          <p>（1）动态伸展</p>
          <p>
            动态伸展是指有节奏且速度略快地多次重复同一动作的伸展方法。动态伸展对提高肌肉的伸展性与收缩性、促进血液循环、提高肌肉的弹性和动作效果等均有良好的作用。动态伸展多用于各种训练前的准备活动，一般每个动作持续1～2秒，重复10～20次，完成1～2组。
          </p>
          <p>（2）静态伸展</p>
          <p>
            静态伸展是指缓慢地将肌肉、韧带等软组织拉长到最大程度后保持一段时间静止不动的伸展方法。使用静态伸展时，注意不要弹震，一般每个动作保持15～30秒，完成1～2组。伸展过程中始终保持自然呼吸而不憋气。
          </p>
          <p><b>2.伸展的训练动作</b></p>
          <p>
            动态伸展和静态伸展均设计了针对上下肢及躯干的训练动作（见表2-1-5）。
          </p>
          <p class="img">表2-1-5 动态伸展和静态伸展训练动作</p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0061-1.jpg" />
          </p> -->
          <div class="tablePublic leftTable">
            <table>
              <thead>
                <tr>
                  <th style="width: 70px;">训练类型</th>
                  <th style="width: 70px;">训练部位</th>
                  <th style="width: 70px;">动作名称</th>
                  <th>动作示例</th>
                  <th>频次</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td rowspan="8">动态伸展</td>
                  <td rowspan="4">上肢</td>
                </tr>
                <tr>
                  <td>站姿 T 字</td>
                  <td class="gif-Con"><img width="200px" src="../image/gif/T-zi.gif" alt=""></td>
                  <td>
                    <span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td>站姿 W 字</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒</td>
                </tr>
                <tr>
                  <td>交叉摆臂</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒</td>
                </tr>
                <tr>
                  <td rowspan="4">下肢</td>
                </tr>
                <tr>
                  <td>提踵走</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                </tr>
                <tr>
                  <td>脚跟走</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                </tr>
                <tr>
                  <td>行进间股四头肌伸展</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "testD",
  props: {
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
  },
};
</script>

 src/books/sportsAndHealth/view/testPp.vue

New file
@@ -0,0 +1,1377 @@
<template>
  <div class="chapter" num="4">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="bodystyle">
          <h3 class="lefth3" id="c016">
            <img class="img-gh1" alt="" src="../image/dy3-xm5.jpg" />
          </h3>
          <div class="bk-tyzg">
            <p class="bj1-tyzg">体育中国</p>
            <p class="block">
              自从乒乓球被列为奥运会比赛项目以来，我国获得了全部37枚金牌中的32枚。在2020年东京奥运会中，我国共获得男单、女单、男团、女团4枚金牌。截至2023年5月底，我国乒乓球队有117人获得世界冠军，获得259枚金牌（奥运会金牌32枚、世乒赛金牌156枚、世界杯金牌71枚）。
            </p>
            <p class="block">
              我国乒乓球名将众多，如邓亚萍等已退役的世界乒坛代表人物，又如拿到“大满贯”的现役乒乓球国手马龙、许昕等，均为推动我国乃至世界乒乓球的发展起到重要作用。
            </p>
          </div>
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>1.请同学们搜索“乒乓外交”，并讨论其对我国外交方面的促进作用。</p>
            <p>
              2.请同学们搜索2020年东京奥运会乒乓球女团项目完赛后，我国国家乒乓球队与香港地区乒乓球队颁奖合影的照片，并讨论其积极意义。
            </p>
            <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 议一议 ·
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              1.请同学们搜索“乒乓外交”，并讨论其对我国外交方面的促进作用。
            </p>
            <div class="xyx-text" v-if="chapter002.isShowXyx01">
              <textarea
                rows="8"
                @blur="ChangeBlur"
                v-model="chapter002.textBybItem1"
              ></textarea>
            </div>
            <p class="public-tips">
              2.请同学们搜索2020年东京奥运会乒乓球女团项目完赛后，我国国家乒乓球队与香港地区乒乓球队颁奖合影的照片，并讨论其积极意义。
            </p>
            <div class="xyx-text" v-if="chapter002.isShowXyx01">
              <textarea
                rows="8"
                @blur="ChangeBlur"
                v-model="chapter002.textBybItem2"
              ></textarea>
            </div>
          </div>
          <div class="bk-dy3xxmb">
            <p class="bj1-dy3xxmb">学习目标</p>
            <p class="block">
              1.了解乒乓球运动的特点、价值、技术动作及基础战术配合的相关基础知识。
            </p>
            <p class="block">
              2.掌握乒乓球的正反手攻球、搓球和弧圈球技术，左推右攻、推挡侧身攻的组合技能，以及发球抢攻、接发球抢攻、对攻、搓攻等战术。
            </p>
            <p class="block">
              3.培养良好的体育锻炼习惯、遵守体育道德，积极参加班级和学校组织的乒乓球活动、比赛，在学练和比赛中培养遵纪守法、团结互助、积极乐观、勇于拼搏的品格。
            </p>
          </div>
          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">一</span>　了解乒乓球运动
          </h4>
          <div class="pdf-text">
            <p>
              乒乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动，在世界上许多地方流行。乒乓球运动1900年起源于英国，20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展，打法多样，球路变化丰富，技术动作要求协调、灵敏、精确，观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质，同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业，尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展，乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。
            </p>
            <div class="pdf-con">
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(1)"
                  >乒乓球的常用术语（一）</span
                >
              </div>
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(2)"
                  >乒乓球的常用术语（二）</span
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <div class="bodystyle">
          <h4 class="h4-dy3" id="d067">
            <span class="h4-dy3s">二</span>　学练乒乓球技能
          </h4>
          <h5 id="e100"><span class="bj1-mk">模块一</span></h5>
          <p>
            本模块设置了乒乓球运动中较为基础的技战术内容。其中，单项技术学练包括握拍方法与核心技术、反手推挡、正手攻球，以及课程平台中的平击发球；基本战术学练包括发平击球抢攻，以及课程平台中的接平击球抢攻；组合技能练习设置的是1/2
            左推+右攻，以及课程平台中的推挡+侧身攻。同学们学练本模块的内容，能够提高基本的技战术水平，为参与本模块设置的比赛提供保障，为后续模块的学练奠定基础。
          </p>
          <div class="pdf-tips-con">
            <p class="zt-ls">（一）单项技术学练</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(3)"
                  >3 模块一（一）单项技术学练 平击发球</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">1.握拍方法与核心技术</span></p>
          <p>乒乓球的握拍方法分为直板和横板。</p>
          <p>（1）动作要领</p>
          <p>
            乒乓球核心技术的支撑动作规格是前臂带动手腕内旋90°，形成一个与端线平行的平面，用于反手支撑技术；前臂带动手腕外展90°，形成一个与端线平行的平面，用于正手支撑技术。乒乓球核心技术的卷带动作是在完成对反手球进行支撑的基础上，前臂带动手腕由内旋变为外展，完成反手击球动作；在完成对正手球进行支撑的基础上，前臂带动手腕由外展变为内旋，完成反手击球动作；击球点在身体的侧前方，发力阶段在卷带期。
          </p>
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../image/0119-1.jpg" />
          </p>
          <p class="img">图3-5-1 直板握拍和横板握拍</p>
          <p>（2）学练建议</p>
          <p>①原地颠球练习，要求端平球拍。</p>
          <p>②行进间颠球练习，要求身体重心保持水平状态。</p>
          <p style="margin-bottom: 30px">
            ③对墙练习，先进行正反手的支撑练习，同时结合单步和并步练习。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
              乒乓球击球过程的支撑和卷带是一个连贯的动作：先进行支撑练习，再进行卷带练习；动作要先慢后快，弧线要先高后低；先进行单个动作练习，再进行连贯动作练习。
            </p>
          </div>
          <p>
            ④拓展练习：在熟练完成正反手支撑练习的基础上完成支撑卷带的练习，同时配合脚步动作；进行球台的正反手支撑练习；在支撑熟练的基础上，进行球台的正反手支撑卷带练习。
          </p>
          <p><span class="zt-cs">2.反手推挡</span></p>
          <p>（1）动作要领</p>
          <p>
            击球前，左脚稍前站立，身体离台40～50厘米；通过脚步移动来到球落点的侧
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="bodystyle">
          <p style="text-indent: 0">
            前方，前臂内旋将球拍后引至身体左侧稍后；在上升期击球的中上部；击球后前臂向上方外转90°，然后迅速还原成击球前的准备姿势。
          </p>
          <p>（2）学练建议</p>
          <p>①在练习过程中先进行颠球练习，完成50次颠球后进行对墙练习。</p>
          <p>②上台练习，完成支撑动作。</p>
          <p>③在支撑熟练的基础上完成乒乓球卷带动作。</p>
          <p>
            ④拓展练习：通过不断增加推挡的次数巩固技术，实现从量变到质变的目标。
          </p>
          <!-- <p class="center">
            <img class="img-c" alt="" src="../image/0120-1.jpg" />
          </p> -->
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/352-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/352-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/352-3.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-2 反手推挡</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的推挡练习要严格按照技术路线进行。</p>
            <p>
              2.推挡技术的学习先慢后快，先高弧线支撑，然后按弧线的方式进行练习。
            </p>
            <p>3.学推挡技术前，要先进行单球练习，然后进行连贯动作的练习。</p>
          </div>
          <p><span class="zt-cs">3.正手攻球</span></p>
          <p>
            攻球技术是乒乓球技术中重要的得分技术之一，它在击球方式上以撞击为主，因此具有击球速度快、动作小、进攻性强的特点。攻球技术可分为正手攻球和反手攻球，乒乓球技术中的每一部分又进一步细化为快攻、快点、快拉、快带、突击、扣杀、挑打、滑板等技术。每种技术有着不同的特点和战术目的，要掌握全面的攻球技术，就必须掌握好基本的攻球技术。
          </p>
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/353-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/353-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/353-3.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/353-4.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-3 正手攻球</p>
          <p>（1）动作要领</p>
          <p>
            击球前，左脚稍前站立，身体离台约50厘米；判断来球位置，前臂外展将球拍后引至身体右侧稍后；在球的上升期或高点期击球的中上部；击球点在正手位身体侧前方；击球后，迅速还原成击球前的准备姿势。
          </p>
          <p>（2）学练建议</p>
          <p>①在练习过程中先进行颠球练习，完成50次颠球后进行对墙练习。</p>
          <p>②上台练习，完成支撑动作。</p>
          <p>③在支撑熟练的基础上完成乒乓球卷带动作。</p>
          <p>
            ④拓展练习：通过减慢正手攻球速度巩固技术，通过加快击球速度提高技术质量。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="bodystyle">
          <div class="pdf-tips-con">
            <p class="zt-ls">（二）基本战术学练</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(4)"
                  >4 模块一（二）基本战术学练接平击球抢攻</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(5)"
                  >5 模块一（三）组合技能练习 推挡+侧身攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">发平击球抢攻</span></p>
          <p>（1）战术方法</p>
          <p>①先要树立发球抢攻的战术意识。</p>
          <p>②正手平击发球后通过脚步移动保证击球点在本方正<br />手的侧前方。</p>
          <p>③在抢攻的过程中保持技术的连贯性。</p>
          <p>④发力阶段在击球的卷带期。</p>
          <p>⑤注意动作的还原。</p>
          <p>（2）学练建议</p>
          <p>①先进行徒手的发抢练习。</p>
          <p>②进行合法发球和技术衔接练习。</p>
          <p>③先进行分解动作练习，再进行完整战术练习。</p>
          <p>④拓展练习：通过分解练习提高抢攻的质量，通过实践进行战术应用。</p>
          <p>&nbsp;</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.发球质量是抢攻的基础。</p>
            <p>2.发球要合乎规定。</p>
            <p>3.通过脚步移动寻找最佳击球点，能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
          <p><span class="zt-ls">（三）组合技能练习</span></p>
          <p><span class="zt-cs">1/2左推+右攻</span></p>
          <p>（1）练习方法</p>
          <p>
            ①准备动作：左脚在前，右脚在后，两脚间距比肩稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位的侧前方。
          </p>
          <p>
            ②动作要领：站在左半台先进行推直线练习，然后通过步法移动到中线附近，同时将执拍手移到正手位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展，在击球过程中保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过单步移动至反手位，回到准备动作阶段。
          </p>
          <p>（2）练习要求</p>
          <p>
            站在球台的左半台，离球台40～50厘米。推挡为直线，正手攻球为斜线，落点位置在左半台的边线位置。通过步法移动保证击球点在身体的侧前方。
          </p>
          <h5 id="e101"><span class="bj1-mk">模块二</span></h5>
          <p>
            本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <div class="bodystyle">
          <p>
            基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。
          </p>
          <p><span class="zt-ls">（一）单项技术学练</span></p>
          <!-- <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                >6 模块二（一）单项技术学练 正手快带</span
              >
            </div>
          </div> -->
          <p><span class="zt-cs">1.攻球、推挡和快搓</span></p>
          <p>（1）动作要领</p>
          <p>
            攻球、推挡、快搓技术按照核心技术进行分析，都是由支撑和卷带两个连贯的动作组成的。
          </p>
          <p>
            ①正手攻球：挥拍手由前臂带动手腕外展90°形成支撑动作，在击球的过程中向侧前方挥拍，手腕由外展变成内旋90°完成卷带动作。
          </p>
          <p>
            ②推挡：挥拍手由前臂带动手腕内旋90°形成支撑动作，在击球的过程中向侧前方挥拍，手腕由内旋变成外展90°完成卷带动作。
          </p>
          <p>
            ③快搓：挥拍手由前臂带动手腕内旋90°形成支撑动作，在击球的过程中向侧下方挥拍，手腕由内旋变成外展90°完成卷带动作。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0122-1.jpg" />
          </p> -->
          <div class="pdf-tips-con">
            <div class="imgBox-003 openImgBox" style="max-width: 360px">
              <div class="swiper-container swiper-img">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-1.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-2.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-3.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-4.png" />
                    </div>
                  </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
              </div>
              <p class="img">图3-5-4 快搓</p>
            </div>
            <div class="pdf-wall" style="top: 60px">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                  >6 模块二（一）单项技术学练 正手快带</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(7)"
                  >7 模块二（一）单项技术学练 转与不转球发球</span
                >
              </div>
            </div>
          </div>
          <br />
          <p>（2）学练建议</p>
          <p>①学习正反手的支撑动作。</p>
          <p>②正反手支撑动作完成后，再完成侧前方卷带动作。</p>
          <p>③正反手支撑动作完成后，再完成侧下方卷带动作。</p>
          <p>④拓展练习：通过正反手的转换练习体验核心技术的区别与联系。</p>
          <p style="margin-bottom: 30px"><span class="zt-cs">2.慢搓</span></p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.支撑动作一定要平。</p>
            <p>2.先高弧线支撑，熟练后再逐步降低弧线。</p>
            <p>3.支撑熟练后进行支撑卷带练习。</p>
            <p>4.配合重心的转移和脚步的移动保持击球点在身体的侧前方。</p>
          </div>
          <!-- <p class="center">
            <img class="img-b" alt="" src="../image/0122-2.jpg" />
          </p> -->
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/355-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/355-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/355-3.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-5 慢搓</p>
          <p>
            搓球是近台还击下旋球的一种基本技术，可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡，为自己下一板创造进攻机会。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="bodystyle">
          <p>（1）动作要领</p>
          <p>
            慢搓要求右脚在前或两脚平行站立，身体离台40～50厘米。手臂外旋使拍面角度后仰，前臂向左上方引拍至胸前，横握拍手腕适当外展，直握拍手腕作屈，拍头指向斜上方。当来球跳至下降前期，前臂带动手腕加速向右前下方。用力摩擦球拍面后，仰击球的中下偏外侧的部位。击球后，前臂顺势前送，并注意还原。
          </p>
          <p>（2）学练建议</p>
          <p>①先进行颠球练习，完成50次颠球后进行对墙练习。</p>
          <p>②上台练习，先完成支撑动作。</p>
          <p>③在支撑熟练的基础上完成侧下方卷带动作。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：配合步法进行连续的搓球练习，并结合比赛运用。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的搓球练习要严格按照技术路线进行。</p>
            <p>
              2.先学习慢搓，再学习快搓，先高弧线支撑，然后按弧线的方式进行练习。
            </p>
            <p>3.先进行单球练习，然后进行连贯动作的练习。</p>
            <p>4.一定在球的下降期击球。</p>
            <p>5.正反手慢搓技术动作相同，但方向相反。</p>
          </div>
          <p><span class="zt-ls">（二）基本战术学练</span></p>
          <p><span class="zt-cs">对攻战术</span></p>
          <p>（1）战术方法</p>
          <p>
            先练压反手，伺机抢攻。当对方反手较弱或进攻能力不强时（如直拍），可用推挡、反手快拨或弧圈球连续压对方反手，伺机压一板中路，加大角度或力量，迫使对方回球质量不高后，再突然用正手进攻。第二压反手变正手，如果对方侧身的意识和能力很强，这时再连压反手就可能适得其反，而要主动采取伺机变正手的方式，既可偷袭对方正手位空当，又可牵制对方的侧身抢攻，一举两得。如果自己的反手不如对方而正手进攻能力较强，可主动变线形成正手对攻。
          </p>
          <p>（2）学练建议</p>
          <p>①进行徒手的对攻练习。</p>
          <p>②进行合法发球和技术衔接练习。</p>
          <p>③先进行分解动作练习，再进行完整战术练习。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：通过不断练习提高对攻的战术水平和质量，通过小型对抗赛来巩固对攻技术。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.技术质量是战术的基础。</p>
            <p>2.战术意图执行要坚定。</p>
            <p>3.通过步法移动寻找最佳击球点，能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
          <!-- <p><span class="zt-ls">（三）组合技能练习</span></p> -->
          <div class="pdf-tips-con">
            <p class="zt-ls">（三）组合技能练习</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(8)"
                  >8 模块二（二）基本战术学练 发转与不转球抢攻</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(9)"
                  >9 模块二（三）组合技能练习 左推+右攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">推挡+侧身攻</span></p>
          <p>（1）练习方法</p>
          <p>
            ①准备动作：左脚在前，右脚在后，两脚间距比肩<br />稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位<br />的侧前方。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="bodystyle">
          <p>
            ②动作要领：站在左半台先进行推斜线练习，然后通过步法移动到左侧边线外，同时将执拍手移到正手位的侧身位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；击球过程中，保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过跳步移动至反手位，回到准备动作阶段。
          </p>
          <p>（2）练习要求</p>
          <p>
            站在左半台边，离球台40～50厘米。推挡和侧身攻为斜线，落点在球台的中线或左侧边位置。通过步法移动完成技术组合动作。
          </p>
          <h5 id="e102"><span class="bj1-mk">模块三</span></h5>
          <p>
            本模块难度有所增加，在单项技术学练方面设置了正手弧圈球、正手发左侧上（下）旋球，以及课程平台中的弧圈球、快搓、反手快拨；基本战术学练设置了侧身正手发左侧上下旋后抢攻，以及课程平台中的搓攻战术；组合技能练习设置了全台左推+右攻，以及课程平台中的推挡+侧身攻。本模块的学习有助于同学们参与更高要求的乒乓球比赛提供重要保障。
          </p>
          <!-- <p><span class="zt-ls">（一）单项技术学练</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（一）单项技术学练</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(10)"
                  >10 模块三（一）单项技术学练 弧圈球</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">1.正手弧圈球</span></p>
          <p>（1）动作要领</p>
          <p>
            击球前，左脚稍前站立，身体离台50～60厘米；以右手为例，引拍向右后方，球拍与来球同高或稍低于来球；在球的上升期或高点期击球的中上部，击球的瞬间，应将向前的撞击与摩擦球动作融为一体；在球的上升期和高点期击球，同时迅速还原。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0124-1.jpg" />
          </p> -->
          <div class="pdf-tips-con">
            <div class="imgBox-003 openImgBox" style="max-width: 360px">
              <div class="swiper-container swiper-img">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-1.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-2.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-3.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-4.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-5.png" />
                    </div>
                  </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
              </div>
              <p class="img">图3-5-6 正手弧圈球</p>
            </div>
            <div class="pdf-wall" style="top: 60px">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(11)"
                  >11 模块三（一）单项技术学练 快搓</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(12)"
                  >12 模块三（一）单项技术学练 反手快拨</span
                >
              </div>
            </div>
          </div>
          <br />
          <p>（2）学练建议</p>
          <p>①完成50次对墙练习。</p>
          <p>②完成单个弧圈球技术练习。</p>
          <p>③在支撑熟练的基础上完成连续的弧圈球技术练习。</p>
          <p>④拓展练习：配合多球来巩固技术动作。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
        <div class="bodystyle">
          <p><span class="zt-cs">2.正手发左侧上（下）旋球</span></p>
          <p>（1）动作要领</p>
          <p>
            正手发左侧上（下）旋球时，左脚在前，右脚在后，身体侧向球台，身体重心下降。左手将球向上抛起，同时右臂向右后上方引拍，握拍手腕外展，腰部略向右转动。当球下降至接近网高时，前臂加速向左前方挥摆，触球时手臂、手腕发力，直握拍手腕内旋，横握拍手腕内收，腰部配合向左转。发侧上旋球时，拍面略微立起，击球的中部向左侧上方摩擦；发侧下旋球时，拍面略后仰，击球的中下部向左侧下方向摩擦。随势挥拍，迅速还原。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0125-1.jpg" />
          </p> -->
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-3.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-4.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-5.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-7 正手发左侧上（下）旋球</p>
          <p>（2）学练建议</p>
          <p>①学习正确的抛球动作。</p>
          <p>②进行无球徒手练习。</p>
          <p>③进行正手发左侧上（下）旋球的练习。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：通过练习不断提高发球的速度和力量，通过班级对抗赛来巩固发球技术。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.学习正手发球时先要进行合法发球练习。</p>
            <p>2.正手发左侧上（下）旋球要与正手攻球进行有效的衔接。</p>
            <p>
              3.正手发左侧上（下）旋球要求在动作相似的前提下发出旋转球和不转球。
            </p>
            <p>4.正反的发球动作相同，但方向相反。</p>
          </div>
          <!-- <p><span class="zt-ls">（二）基本战术学练</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（二）基本战术学练</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(13)"
                  >13 模块三（二）基本战术学练 搓攻战术</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">侧身正手发左侧上下旋后抢攻</span></p>
          <p>（1）战术方法</p>
          <p>
            发左侧旋球至对方反手位、反手底线大角中路偏反手底线或追身以及正手小三角短球，再配合一板直线急长球。对方侧身轻拉至反手，可用推挡加力或快压直线，也可用侧身攻（以速度为主）直线，迫使对方扑救正手位，再寻机发力；如对方用反手推拨或轻挂至反手，可压制其中路追身；如对方直接回至正手位，可用正手快带线到对方正手大角，然后等正手位做连续进攻的准备。
          </p>
          <p>（2）学练建议</p>
          <p>①先进行徒手的发抢练习。</p>
          <p>②进行合法发球和技术衔接练习。</p>
          <p>③先进行分解动作练习，再进行完整战术练习。</p>
          <p style="margin-bottom: 30px">
            拓展练习：通过不断练习提高发球抢攻的战术水平和抢攻的质量。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.发球质量是抢攻的基础。</p>
            <p>2.发球要合乎规定。</p>
            <p>3.通过步法移动，寻找最佳击球点，能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="bodystyle">
          <!-- <p><span class="zt-ls">（三）组合技能练习</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（三）组合技能练习</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(14)"
                  >14 模块三（三）组合技能练习 推挡+侧身攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">全台左推+右攻</span></p>
          <p>（1）练习方法</p>
          <p>
            ①准备动作：左脚在前，右脚在后，两脚间距比肩稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位的侧前方。
          </p>
          <p>
            ②动作要领：在左半台先进行推直线练习，然后通过步法移动到正手位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；在击球过程中，保证击球点在身体的侧前方。同时，前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过单步移动至反手位，回到准备动作阶段。
          </p>
          <p>（2）练习要求</p>
          <p>
            站在球台的左边，离球台40～50厘米。推挡为直线，正手攻球为斜线，落点位置在左半台的边线位置。要通过步法移动保证击球点在身体的侧前方。
          </p>
          <h4 class="h4-dy3" id="d068">
            <span class="h4-dy3s">三</span>　参与乒乓球比赛
          </h4>
          <p>
            请同学们登录课程平台，了解自己感兴趣的比赛活动的方法、要求和注意事项等，自行组织比赛，在竞赛中巩固学练成果。
          </p>
          <div class="pdf-text">
            <div>
              <p>
                模块一比赛有：颠球比赛、推挡比赛、正手攻球比赛、11分教学比赛（一）。
              </p>
              <p>模块二比赛有：快拨比赛、快攻比赛、11分教学比赛（二）。</p>
              <p>模块三比赛有：搓球比赛、弧圈球比赛、11分教学比赛（三）。</p>
            </div>
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(15)"
                  >15 拓展资料：乒乓球裁判法</span
                >
              </div>
            </div>
          </div>
          <h4 class="h4-dy3" id="d069">
            <span class="h4-dy3s">四</span>　实施自主评价
          </h4>
          <p>
            在前面学、练、赛的过程中，同学们对自己和身边同学的学习效果有了初步的评判，那么如何系统地评价自己对乒乓球运动技战术的掌握程度和整个运动的理解程度呢？请同学们登录课程平台，进行系统、全面的自主评价。
          </p>
          <h4 class="h4-dy3" id="d070">
            <span class="h4-dy3s">五</span>　训练专项体能
          </h4>
          <p>
            想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与乒乓球运动，乃至在职场中展现出更好的身体素质打牢基础。
          </p>
          <p style="margin-bottom: 30px">
            请同学们登录课程平台进行杠铃箭步蹲、侧抛实心球和绳梯步法训练及横向小滑步、两进两出的专项体能训练。
          </p>
          <div class="bk-xyx" style="padding: 2px 0">
            <div class="bj1-xyx publicxbc">
              · 视频库集 ·
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16.863"
                  height="13.817"
                  viewBox="0 0 19.863 13.817"
                >
                  <g transform="translate(-40.961 -184.321)">
                    <path
                      class="a"
                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                      transform="translate(51.824 196.82) rotate(-90)"
                    />
                    <path
                      class="b"
                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                      transform="translate(-3269 15293.001)"
                    />
                  </g>
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">项目五 · 视频库集</p>
            <div class="parentVideo" v-if="isShowXyx02">
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v1"
                ></video>
                <span>{{ chapter002.videoMd5.v1.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v2"
                ></video>
                <span>{{ chapter002.videoMd5.v2.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v3"
                ></video>
                <span>{{ chapter002.videoMd5.v3.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v4"
                ></video>
                <span>{{ chapter002.videoMd5.v4.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v5"
                ></video>
                <span>{{ chapter002.videoMd5.v5.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v6"
                ></video>
                <span>{{ chapter002.videoMd5.v6.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v7"
                ></video>
                <span>{{ chapter002.videoMd5.v7.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v8"
                ></video>
                <span>{{ chapter002.videoMd5.v8.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v9"
                ></video>
                <span>{{ chapter002.videoMd5.v9.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v10"
                ></video>
                <span>{{ chapter002.videoMd5.v10.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v11"
                ></video>
                <span>{{ chapter002.videoMd5.v11.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v12"
                ></video>
                <span>{{ chapter002.videoMd5.v12.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v13"
                ></video>
                <span>{{ chapter002.videoMd5.v13.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v14"
                ></video>
                <span>{{ chapter002.videoMd5.v14.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v15"
                ></video>
                <span>{{ chapter002.videoMd5.v15.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v16"
                ></video>
                <span>{{ chapter002.videoMd5.v16.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v17"
                ></video>
                <span>{{ chapter002.videoMd5.v17.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v18"
                ></video>
                <span>{{ chapter002.videoMd5.v18.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v19"
                ></video>
                <span>{{ chapter002.videoMd5.v19.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v20"
                ></video>
                <span>{{ chapter002.videoMd5.v20.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v21"
                ></video>
                <span>{{ chapter002.videoMd5.v21.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v22"
                ></video>
                <span>{{ chapter002.videoMd5.v22.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v23"
                ></video>
                <span>{{ chapter002.videoMd5.v23.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v24"
                ></video>
                <span>{{ chapter002.videoMd5.v24.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v25"
                ></video>
                <span>{{ chapter002.videoMd5.v25.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v26"
                ></video>
                <span>{{ chapter002.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v27"
                ></video>
                <span>{{ chapter002.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v28"
                ></video>
                <span>{{ chapter002.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v29"
                ></video>
                <span>{{ chapter002.videoMd5.v29.name }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "testPp",
  props: {
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      isShowXyx02: false,
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
        textBybItem1: "",
        pdfMd5: {
          1: "54741d14a21eb47b2ed06a2231271cd5",
          2: "1b7ecc924bfab900ec10f0ed4bb2466b",
          3: "f1597b91fb3110eb6fd59c84f5ddbfd1",
          4: "515f3dd2554dbdea779c59800a8da6b2",
          5: "b32afdfb8555ad8db1aa1fd95750369f",
          6: "57481cd4e7e7ce535eb6585d375e317e",
          7: "878a8bbb91f093107cae210ade9a387e",
          8: "e242f94d2bdc54de7b5340d452256515",
          9: "1ce6dc7953b1783de746e0de672ffbe4",
          10: "030b943ad33a4c0f31524f0f1ec9c14f",
          11: "2a458d11dc021318e2d3aa4f92cf3e36",
          12: "81957321d71fd270f67fe74f7ef2b9e8",
          13: "5f675eff789c96ce8a6cf80679c8a992",
          14: "02236dec8a8e87176b1df2435b82fb87",
          15: "fa38047ab9eed59f3296940778cc6cfd",
        },
        videoMd5: {
          v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1核心技术" },
          v2: {
            md5: "07cd17a31b6648cfce8065144f2cf80a",
            name: "2正反手支撑卷带",
          },
          v3: {
            md5: "8dea53331d520d7b39bc2a393bd1e6b6",
            name: "3推挡和正手攻球",
          },
          v4: { md5: "3eba3ce508187071cfd72142f283766b", name: "4反手推挡" },
          v5: { name: "5平击发球", md5: "13a7382a21136ba5d284ab03bc7ad970" },
          v6: { name: "6接发球抢攻", md5: "d97edccc25fc22dfe445b429e45c8733" },
          v7: { name: "7二分之一", md5: "d75d475ff7dbb48c34ff48a3a1d82613" },
          v8: { name: "8推挡侧身攻", md5: "8a8c0d8b3853b29f339816659abd66aa" },
          v9: { name: "9跳绳", md5: "9c67757467a53feb2c0a0e27ec8022a1" },
          v10: { name: "10单步练习", md5: "c0f3327cad5f22ca90bcbaa86283b9d2" },
          v11: { name: "11并步滑步", md5: "948244798e8b9230372d8958aff1025a" },
          v12: {
            name: "12攻球、推挡和搓球",
            md5: "031ecadb43d24a19f1c127a12d616d04",
          },
          v13: { name: "13慢搓", md5: "f4950882dc39c94cf7142c7a6db1dfb4" },
          v14: { name: "14正手快带", md5: "8d4f45af584a9380f2cc7e89669f9cb4" },
          v15: {
            name: "15转与不旋球发球",
            md5: "9bffeb833ebce386d0a501ceffa0da5b",
          },
          v16: {
            name: "16发旋与不转球抢攻",
            md5: "6eee3474169e5115a34f97d1e88e5a37",
          },
          v17: { name: "17对攻战术", md5: "73aef026f69c517a6960391e988ded40" },
          v18: { name: "18三分之二", md5: "62cf2e9ff7b31e506b3a916ea322a8bf" },
          v19: { name: "19多球练习", md5: "6f1d03723c1c64c3761c4274e7f5ebe6" },
          v20: {
            name: "20交叉步练习",
            md5: "c1ed6663e29bdca2201cbb8b7887e9d8",
          },
          v21: {
            name: "21弧圈球与攻球和下旋球",
            md5: "95e61a853095c7a9c910f172f282096a",
          },
          v22: { name: "22快搓", md5: "e116cf8c12a0db61e03c6c0628f56942" },
          v23: { name: "23反手快拨", md5: "c84e3d255f83005322d0c24c043fea2a" },
          v24: {
            name: "24正手弧圈球",
            md5: "09ba85a89ce6e025aacfff63b24ef652",
          },
          v25: {
            name: "25正手发左侧上(下)旋球",
            md5: "595aff1cc303fb4b12dfbabea28bab7b",
          },
          v26: {
            name: "26侧身正手发左侧上下旋后抢攻",
            md5: "d116993f5cb6fb8effa915b674235e72",
          },
          v27: { name: "27搓攻战术", md5: "0568c743eeaec7f4a89b1c8657e9d232" },
          v28: {
            name: "28全台左推右攻",
            md5: "b46fcc0841a4a3265c6f3f1fadad2b37",
          },
          v29: { name: "29跨步练习", md5: "89063e2b3235dfe25a688bfdfb9a147a" },
        },
        videoUrl: {},
        videoShow1: false,
        videoShow2: false,
        videoShow3: false,
        videoShow4: false,
        videoShow5: false,
      },
    };
  },
  created() {
    if (!this.isSearch) {
      this.getVideo(this.chapter002.videoMd5.v1.md5, "v1");
      this.getVideo(this.chapter002.videoMd5.v2.md5, "v2");
      this.getVideo(this.chapter002.videoMd5.v3.md5, "v3");
      this.getVideo(this.chapter002.videoMd5.v4.md5, "v4");
      this.getVideo(this.chapter002.videoMd5.v5.md5, "v5");
      this.getVideo(this.chapter002.videoMd5.v6.md5, "v6");

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v7.md5, "v7");
        this.getVideo(this.chapter002.videoMd5.v8.md5, "v8");
        this.getVideo(this.chapter002.videoMd5.v9.md5, "v9");
        this.getVideo(this.chapter002.videoMd5.v10.md5, "v10");
        this.getVideo(this.chapter002.videoMd5.v11.md5, "v11");
        this.getVideo(this.chapter002.videoMd5.v12.md5, "v12");
      }, 1000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v13.md5, "v13");
        this.getVideo(this.chapter002.videoMd5.v14.md5, "v14");
        this.getVideo(this.chapter002.videoMd5.v15.md5, "v15");
        this.getVideo(this.chapter002.videoMd5.v16.md5, "v16");
        this.getVideo(this.chapter002.videoMd5.v17.md5, "v17");
        this.getVideo(this.chapter002.videoMd5.v18.md5, "v18");
      }, 3000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v19.md5, "v19");
        this.getVideo(this.chapter002.videoMd5.v20.md5, "v20");
        this.getVideo(this.chapter002.videoMd5.v21.md5, "v21");
        this.getVideo(this.chapter002.videoMd5.v22.md5, "v22");
        this.getVideo(this.chapter002.videoMd5.v23.md5, "v23");
        this.getVideo(this.chapter002.videoMd5.v24.md5, "v24");
      }, 5000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v25.md5, "v25");
        this.getVideo(this.chapter002.videoMd5.v26.md5, "v26");
        this.getVideo(this.chapter002.videoMd5.v27.md5, "v27");
        this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
        this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
      }, 7000);
    }
  },
  methods: {
    async toUrl(val) {
      if (val) {
        window.open(await getResourcePath(this.chapter002.pdfMd5[val]));
      }
    },
    async getVideo(md5, val) {
      const data = await getResourcePath(md5);
      this.chapter002.videoUrl[val] = data;
    },
    ChangeBlur() {
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
    },
    activityXyx2() {
      this.isShowXyx02 = !this.isShowXyx02;
      this.chapter002.videoShow1 = true;
      setTimeout(() => {
        this.chapter002.videoShow2 = true;
      }, 1000);

      setTimeout(() => {
        this.chapter002.videoShow3 = true;
      }, 3000);

      setTimeout(() => {
        this.chapter002.videoShow4 = true;
      }, 5000);

      setTimeout(() => {
        this.chapter002.videoShow5 = true;
      }, 7000);
    },
  },
};
</script>

 src/books/sportsAndHealth/view/text.html

@@ -716,62 +716,3 @@
    针对如溺水等气道堵塞类的心肺复苏，实施步骤有所区别，应先开放气道、清除气道中的积水及异物，再依次进行人工呼吸和胸外按压。
  </p>
</div>

<div class="page-box" page="21">
  <div v-if="showPageList.indexOf(21) > -1">
    <div class="bodystyle">
      <h3 class="lefth3" id="c016">
        <img class="img-gh1" alt="" src="../image/dy3-xm5.jpg" />
      </h3>
      <div class="bk-tyzg">
        <p class="bj1-tyzg">体育中国</p>
        <p class="block">
          自从乒乓球被列为奥运会比赛项目以来，我国获得了全部37枚金牌中的32枚。在2020年东京奥运会中，我国共获得男单、女单、男团、女团4枚金牌。截至2023年5月底，我国乒乓球队有117人获得世界冠军，获得259枚金牌（奥运会金牌32枚、世乒赛金牌156枚、世界杯金牌71枚）。
        </p>
        <p class="block">
          我国乒乓球名将众多，如邓亚萍等已退役的世界乒坛代表人物，又如拿到“大满贯”的现役乒乓球国手马龙、许昕等，均为推动我国乃至世界乒乓球的发展起到重要作用。
        </p>
      </div>
      <div class="bk-xyx">
        <p class="bj1-xyx">议一议</p>
        <p>1.请同学们搜索“乒乓外交”，并讨论其对我国外交方面的促进作用。</p>
        <p>
          2.请同学们搜索2020年东京奥运会乒乓球女团项目完赛后，我国国家乒乓球队与香港地区乒乓球队颁奖合影的照片，并讨论其积极意义。
        </p>
        <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
      </div>
      <div class="bk-dy3xxmb">
        <p class="bj1-dy3xxmb">学习目标</p>
        <p class="block">
          1.了解乒乓球运动的特点、价值、技术动作及基础战术配合的相关基础知识。
        </p>
        <p class="block">
          2.掌握乒乓球的正反手攻球、搓球和弧圈球技术，左推右攻、推挡侧身攻的组合技能，以及发球抢攻、接发球抢攻、对攻、搓攻等战术。
        </p>
        <p class="block">
          3.培养良好的体育锻炼习惯、遵守体育道德，积极参加班级和学校组织的乒乓球活动、比赛，在学练和比赛中培养遵纪守法、团结互助、积极乐观、勇于拼搏的品格。
        </p>
      </div>
      <h4 class="h4-dy3" id="d066">
        <span class="h4-dy3s">一</span>　了解乒乓球运动
      </h4>
      <div class="pdf-text">
        <p>
          乒乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动，在世界上许多地方流行。乒乓球运动1900年起源于英国，20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展，打法多样，球路变化丰富，技术动作要求协调、灵敏、精确，观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质，同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业，尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展，乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。
        </p>
        <div class="pdf-con">
          <div class="pdf-view">
            <img :src="pingpang" alt="" /><span @click="toUrl(1)"
              >乒乓球的常用术语（一）</span
            >
          </div>
          <div class="pdf-view">
            <img :src="pingpang" alt="" /><span @click="toUrl(2)"
              >乒乓球的常用术语（二）</span
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>