yiming
2024-08-07 bac7941b8dc29e70643c44fb393c49d2eaa3015b
体育与健康完成
12个文件已修改
1个文件已添加
8900 ■■■■■ 已修改文件
src/books/sportsAndHealth/css/default.less 15 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter001.vue 218 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter002.vue 697 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter003.vue 1162 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter004.vue 131 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter005.vue 1169 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter006.vue 42 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter007.vue 49 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter008.vue 112 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/chapter009.vue 5283 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/index.vue 12 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/view/components/testPp.vue 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/pdfview/index.vue 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/sportsAndHealth/css/default.less
@@ -542,6 +542,21 @@
          width: 100%;
          height: 98%;
          background: url("../image/dy8.jpg");
          background-position: top;
          background-size: 100% 45%;
          background-repeat: no-repeat;
          display: flex;
          justify-content: flex-start;
        }
        .bj-img09 {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 98%;
          background: url("../image/dy9.jpg");
          background-position: top;
          background-size: 100% 45%;
          background-repeat: no-repeat;
src/books/sportsAndHealth/view/components/chapter001.vue
@@ -135,6 +135,7 @@
              </ul>
            </div>
          </div>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
@@ -1320,6 +1321,10 @@
                          :checked="chapter001.tablecyc2.text226" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">26. 遭意外事故</td>
                      <td>
@@ -1411,6 +1416,8 @@
              4.采用小组合作的形式,依据世界卫生组织身心健康指标编制问卷,
              对同学们的身心健康状况及其影响因素进行调查,在老师的帮助下进行数据处理与分析,提出促进同学们身心健康发展的建议。
            </p>
            <textarea rows="8" v-model="chapter001.textBybItem17" @change="setBookQuestion"></textarea>
          </div>
          <h3 id="c002">专题二 形成健康的生活方式</h3>
          <div class="bk-ztgs">
@@ -3171,6 +3178,7 @@
      </div>
    </div>
    <!-- 13 -->
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="header-odd">
@@ -3254,6 +3262,9 @@
              5~8
              个自己的特征,写完不署名。写完后将所有的“寻人启事”收起来打乱顺序,发给其他同学,让同学猜猜自己拿到的“寻人启事”找的是谁,并且根据事实陈述分析的理由。每位同学分析完后,“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价,也能帮助个人更加全面和客观地认识自己。
            </p>
            <textarea rows="8" v-model="chapter001.textBybItem18" @change="setBookQuestion"></textarea>
          </div>
          <h3 id="c004">专题四 顺利度过青春期</h3>
          <div class="bk-ztgs">
@@ -4780,10 +4791,49 @@
              颈动脉位于喉结旁1~2厘米处。判断患者状态不能超10秒,进行心肺复苏的同时要寻求帮助。
            </p>
          </div>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../../image/0042-3.jpg" />
          <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="../../images/Unit1/p29/29-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit1/p29/29-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit1/p29/29-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit1/p29/29-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">
            图1-8-1 胸外按压
          </p>
          <p class="img">图1-8-1 胸外按压</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">试一试
              <div class="icon" @click="activityXyx5">
@@ -4829,6 +4879,14 @@
                  <span class="span-P">图2 椅背冲击法</span>
                </div>
              </div>
              <p class="xyx-fu-yy">(五)气道异物梗阻的预防</p>
              <p>第一,避免吞咽过量或是体积过大的食物。</p>
              <p>第二,进食时避免谈话或大笑。</p>
@@ -4861,20 +4919,44 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div> -->
          <div class="fl">
            <div>
              <p class="center openImgBox">
                <img class="img-b" alt="" src="../../image/0042-1.jpg" />
          <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 style="  height: 160px;" src="../../images/Unit1/p29/29-5.jpg" />
                    <p class="img">
                      图1-8-2 仰头抬颌法
              </p>
              <p class="img">图1-8-2 仰头抬颌法</p>
            </div>
            <div>
              <p class="center openImgBox">
                <img class="img-b" alt="" src="../../image/0042-2.jpg" />
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img style="  height: 160px;" src="../../images/Unit1/p29/29-6.jpg" />
                    <p class="img">
                      图1-8-3 推举下颌法
              </p>
              <p class="img">图1-8-3 推举下颌法</p>
            </div>
          </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
@@ -4888,10 +4970,28 @@
        </div>
        <div class="bodystyle">
          <p>第四步,人工呼吸。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../image/0043-1.jpg" />
          <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="../../images/Unit1/p30/30-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit1/p30/30-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">
            图1-8-4 人工呼吸
          </p>
          <p class="img">图1-8-4 人工呼吸</p>
          <p>
            气道通畅后应迅速进行口对口人工呼吸。患者仰卧,施救者一手托其下颌使头后仰,另一手捏其鼻孔并用手掌边缘压住其额头。吸气后对患者口内用力吹气(注意要将患者的嘴包严),然后放开鼻孔,待胸廓回缩呼气。连续吹气2次,每次吹气要见胸廓有明显起伏才表示有效。
          </p>
@@ -4984,12 +5084,15 @@
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              <!-- 保存不了   :value="chapter001.tkItem03.text1" -->
              <!-- 可以保存  v-model="chapter001.tkItem03.text1" -->
              1.热射病典型的临床表现和现场处理方法有<input @change="changeAssess02($event, 'text1')" maxlength="30"
                :value="chapter001.tkItem03.text1" class="assess" type="text" />。
                v-model="chapter001.tkItem03.text1" class="assess" type="text" />。
            </p>
            <p class="block">
              2.利用模拟人进行心肺复苏术的操作练习,检验自己是否掌握了心肺复苏术的技能,并给自己打分。
            </p>
            <textarea rows="6" v-model="chapter001.textXxpj011" @change="setBookQuestion"></textarea>
          </div>
          <h3 id="c008">专题八 提升安全避险的本领</h3>
@@ -6010,14 +6113,14 @@
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我认为体育精神是<input @change="changeAssess02($event, 'text1')" maxlength="500"
                :value="chapter001.tkItem04.text1" class="assess" type="text" />。</p>
                v-model="chapter001.tkItem04.text1" class="assess" type="text" />。</p>
            <p class="block">
              2.我会通过以下途径塑造自己的体育精神<input @change="changeAssess02($event, 'text2')" maxlength="500"
                :value="chapter001.tkItem04.text2" class="assess" type="text" />。
                v-model="chapter001.tkItem04.text2" class="assess" type="text" />。
            </p>
            <p class="block">
              3.通过学习“奥运中国”、党和国家领导人的体育思想,我打算从<input @change="changeAssess02($event, 'text3')" maxlength="500"
                :value="chapter001.tkItem04.text3" class="assess" type="text" />方面做起,为自己的健康负责,为我国体育事业贡献自己应有的一分力量。
                v-model="chapter001.tkItem04.text3" class="assess" type="text" />方面做起,为自己的健康负责,为我国体育事业贡献自己应有的一分力量。
            </p>
            <p class="block">
              4.请收集重要赛事中运动员使用兴奋剂的案例,并和同学交流其危害,说一说这些案例对自己日常生活的启示。
@@ -6025,32 +6128,28 @@
            <textarea rows="8" v-model="chapter001.textBybItem16" @change="setBookQuestion"></textarea>
          </div>
          <hr />
          <p class="note">
            <a id="m1"></a><a href="chapter001.html#w1">[1]</a>
            本教材课程平台为www.bnuic.com,进入该网址后,依次选择“京师职教→中职→文化基础课→体育与健康(第3版)→教与学资源”,即可查阅教材全部资源。全书同,后不赘述。
          </p>
          <p class="note">
            <a id="m2"></a><a href="chapter001.html#w2">[2]</a>
            陶行知:《陶行知全集》第8卷,66页,成都,四川教育出版社,2009。
          </p>
          <p class="note">
            <a id="m3"></a><a href="chapter001.html#w3">[3]</a>
            体重指数(详见②)、肺活量可根据《国家学生体质健康标准(2014年修订)》高一阶段数据计算或测试得出。其中,男生体重指数正常值区间为16.5~23.2,≤16.4为低体重,23.3~26.3为超重,≥26.4为肥胖;女生体重指数正常值区间为16.5~22.7,≤16.4为低体重,22.8~25.2为超重,≥25.3为肥胖。男生肺活量≤2599毫升为不及格,2600~3799毫升为及格,3800~4299毫升为良好,≥4300毫升为优秀;女生肺活量≤1749毫升为不及格,1750~2749毫升为及格,2750~3049毫升为良好,≥3050毫升为优秀。脊柱、性发育指标可根据相关健康体检报告填写。
          </p>
          <p class="note">
            <a id="m4"></a><a href="chapter001.html#w4">[4]</a>
            体重指数是目前常用的衡量人体胖瘦及健康程度的一项标准,具体计算方法为体重指数=体重÷身高<sup>2</sup>(体重单位:千克;身高单位:米)。
          </p>
          <p class="note">
            <a id="m5"></a><a href="chapter001.html#w5">[5]</a>
            针对如溺水等气道堵塞类的心肺复苏,实施步骤有所区别,应先开放气道、清除气道中的积水及异物,再依次进行人工呼吸和胸外按压。
          </p>
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from "@/components/pdfview/index.vue"
export default {
  name: "chapter-01",
  props: {
@@ -6065,8 +6164,14 @@
      default: false,
    },
  },
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
@@ -6125,8 +6230,6 @@
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    // console.log(localData);
    // debugger
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
    }
@@ -6144,22 +6247,33 @@
      this.$emit("eventPublic", data);
    },
    // PDf md5 查看
    closeDialog() {
      this.dialogVisible = false;
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: "pdf",
          data: {
            md5: this.chapter001.pdfMd5[val].md5,
            title: this.chapter001.pdfMd5[val].name,
          },
        };
        this.$emit("openPDFChange", obj);
        // const obj = {
        //   type: "pdf",
        //   data: {
        //     md5: this.chapter001.pdfMd5[val].md5,
        //     title: this.chapter001.pdfMd5[val].name,
        //   },
        // };
        // this.$emit("openPDFChange", obj);
        // this.dialogVisible = true;
        // this.p_md5 = this.chapter002.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter002.pdfMd5[val].name;
        this.dialogVisible = true;
        this.p_md5 = this.chapter001.pdfMd5[val].md5;
        this.pdfTitle = this.chapter001.pdfMd5[val].name;
      }
    },
    activityXyx1() {
      this.chapter001.isShowXyx01 = !this.chapter001.isShowXyx01;
    },
src/books/sportsAndHealth/view/components/chapter002.vue
@@ -94,7 +94,8 @@
                    身体成分
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem1" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem1"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -106,7 +107,8 @@
                    心肺耐力
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem2" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem2"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -120,7 +122,8 @@
                    速度
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem3" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem3"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -134,7 +137,8 @@
                    柔韧性
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem4" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem4"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -148,7 +152,8 @@
                    爆发力
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem5" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem5"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -162,7 +167,8 @@
                    肌肉耐力
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem6" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem6"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -176,11 +182,31 @@
                    心肺耐力
                  </td>
                  <td>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem7" @change="setBookQuestion"></textarea>
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem7"
                      @change="setBookQuestion"></textarea>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="table-bottom">
              <div class="score" v-if="!isShowScore1">
                您的得分:<span style="color: red">请提交后查看!</span>
              </div>
              <div class="score" v-if="isShowScore1">
                您的得分:
                <span style="color: red">{{ chapter002.score2 }}</span>
              </div>
              <div class="btn">
                <span @click="submit()">提交</span>
                <span @click="resetData()">重做</span>
              </div>
            </div>
            <p>注:体重指数(BMI)=体重(kg)/身高<sup>2</sup> (m<sup>2</sup>);评分标准请参考《国家学生体质健康标准(2014 年修订)》。</p>
          </div>
          <h4 id="d038">二、一般体能训练计划的制订</h4>
@@ -1509,7 +1535,7 @@
          <h4 id="d040">学习效果检测</h4>
          <p>请登录课程平台,完成一般体能的效果检测,评价自己的学习效果。</p>
          <textarea rows="8" v-model="chapter002.textBybItem8" @change="setBookQuestion"></textarea>
          <div class="bk-xyx" style="padding: 2px 0">
          <div class="bk-xyx" style="padding: 2px 0;margin-top: 30px;">
            <div class="bj1-xyx publicxbc">
              · 视频库集 ·
              <div class="icon" @click="activityXyx1">
@@ -1527,7 +1553,7 @@
              </div>
            </div>
            <br />
            <p class="public-tips">项目五 · 视频库集</p>
            <p class="public-tips">专题一 · 视频库集</p>
            <div class="parentVideo" v-if="chapter002.isShowXyx01">
              <div class="videoItem" v-if="chapter002.videoShow1">
@@ -2125,19 +2151,342 @@
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0075-2.jpg" /></p>
          <h5 id="e087">(三)伸展训练</h5>
          <p>乘务类职业体能的伸展训练,与久坐型、久站型职业体能的伸展训练方法一致。</p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.职业体能的锻炼原则和方法有哪些?哪几点是我们锻炼时需要强调和改变的?</p>
            <p class="block">2.如何根据自己未来的职业选择合适的职业体能训练?</p>
            <p class="block">1.职业体能的锻炼原则和方法有哪些?哪几点是我们锻炼时需要强调和改变的? <input @change="changeAssess($event, 'text1')"
                maxlength="20" v-model="chapter002.tkItem01.text1" class="assess" type="text" /></p>
            <p class="block">2.如何根据自己未来的职业选择合适的职业体能训练?<input @change="changeAssess($event, 'text2')" maxlength="20"
                v-model="chapter002.tkItem01.text2" class="assess" type="text" /></p>
            <p class="block">3.给自己制订一份专业体能训练计划。</p>
            <textarea rows="8" v-model="chapter002.textBybItem9" @change="setBookQuestion"></textarea>
          </div>
          <div class="bk-xyx" style="padding: 2px 0;margin-top: 30px;">
            <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="chapter002.isShowXyx02">
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v57"></video>
                <span>{{ chapter002.videoMd5.v57.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v58"></video>
                <span>{{ chapter002.videoMd5.v58.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v59"></video>
                <span>{{ chapter002.videoMd5.v59.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v60"></video>
                <span>{{ chapter002.videoMd5.v60.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v61"></video>
                <span>{{ chapter002.videoMd5.v61.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow12">
                <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.v62"></video>
                <span>{{ chapter002.videoMd5.v62.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v63"></video>
                <span>{{ chapter002.videoMd5.v63.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v64"></video>
                <span>{{ chapter002.videoMd5.v64.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v65"></video>
                <span>{{ chapter002.videoMd5.v65.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v66"></video>
                <span>{{ chapter002.videoMd5.v66.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v67"></video>
                <span>{{ chapter002.videoMd5.v67.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v68"></video>
                <span>{{ chapter002.videoMd5.v68.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow13">
                <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.v69"></video>
                <span>{{ chapter002.videoMd5.v69.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v70"></video>
                <span>{{ chapter002.videoMd5.v70.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v71"></video>
                <span>{{ chapter002.videoMd5.v71.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v72"></video>
                <span>{{ chapter002.videoMd5.v72.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v73"></video>
                <span>{{ chapter002.videoMd5.v73.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v74"></video>
                <span>{{ chapter002.videoMd5.v74.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v75"></video>
                <span>{{ chapter002.videoMd5.v75.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow14">
                <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.v76"></video>
                <span>{{ chapter002.videoMd5.v76.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v77"></video>
                <span>{{ chapter002.videoMd5.v77.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v78"></video>
                <span>{{ chapter002.videoMd5.v78.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v79"></video>
                <span>{{ chapter002.videoMd5.v79.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v80"></video>
                <span>{{ chapter002.videoMd5.v80.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v81"></video>
                <span>{{ chapter002.videoMd5.v81.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v82"></video>
                <span>{{ chapter002.videoMd5.v82.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow15">
                <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.v83"></video>
                <span>{{ chapter002.videoMd5.v83.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v84"></video>
                <span>{{ chapter002.videoMd5.v84.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v85"></video>
                <span>{{ chapter002.videoMd5.v85.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v86"></video>
                <span>{{ chapter002.videoMd5.v86.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v87"></video>
                <span>{{ chapter002.videoMd5.v87.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v88"></video>
                <span>{{ chapter002.videoMd5.v88.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v89"></video>
                <span>{{ chapter002.videoMd5.v89.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow16">
                <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.v90"></video>
                <span>{{ chapter002.videoMd5.v90.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow17">
                <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.v91"></video>
                <span>{{ chapter002.videoMd5.v91.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow17">
                <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.v92"></video>
                <span>{{ chapter002.videoMd5.v92.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow17">
                <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.v93"></video>
                <span>{{ chapter002.videoMd5.v93.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow17">
                <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.v94"></video>
                <span>{{ chapter002.videoMd5.v94.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow17">
                <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.v95"></video>
                <span>{{ chapter002.videoMd5.v95.name }}</span>
          </div>
        </div>
      </div>
    </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from "@/components/pdfview/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-2",
@@ -2153,68 +2502,127 @@
      default: false,
    },
  },
  components: {
    preView
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      dialogVisible: false,
      isShowScore2: false,
      isShowScore1: false,
      chapter002: {
        isShowXyx01: true,
        isShowXyx01: false,
        isShowXyx02: false,
        tkItem01: {},
        tkItem02: {},
        tkItem03: {},
        tkItem04: {},
        score2: 0,
        videoMd5: {
          v1: { md5: "02a9dc1b0fae2f542c43ca4a1f72217b", name: "1 站姿哑铃臂弯举" },
          v2: { md5: "5d7d9ebec0150c2a39e15994bfb03e58", name: "2 俯身单侧哑铃臂屈伸" },
          v3: { md5: "3fd53a33ed7c22b35475b9c94e9d4d5d", name: "3 站姿弹力带侧平举" },
          v4: { md5: "01e1ab09cab50469b4c71ffb704542c8", name: "4 站姿弹力带划船" },
          v5: { md5: "ac6788f2a14c8390442e596dff836e08", name: "5(跪姿)平板支撑" },
          v6: { md5: "4c75329dbd7a6e3945b888251d4bff51", name: "6 仰卧卷腹" },
          v7: { md5: "0bbdaddb9b1612aa4efd6d23fb9ede96", name: "7 箭步蹲" },
          v8: { md5: "d52d00cd4bb5c3512084f935d58dca21", name: "8(斜上)俯卧撑" },
          v9: { md5: "e45ef22e3c6078028e6b83f674b39927", name: "9 引体向上" },
          v10: { md5: "9c35959df710d11056e8c5de71dbd6b7", name: "10 悬垂举腿" },
          v11: { md5: "d23d22bf55429a146096827c1f91a3b8", name: "11 自重深蹲" },
          v12: { md5: "6e70e5e47763e29ee215a7839759c184", name: "12 单足站姿提踵" },
          v13: { md5: "1242cfa08767b1e9e4d6616c1391f93f", name: "13 杠铃高翻" },
          v14: { md5: "85065f532250edb980afecf8c80a9c61", name: "14 双人向前砸药球" },
          v15: { md5: "66ea23e6ae02dfbd2e06fbbd160efb84", name: "15 杠铃半蹲跳" },
          v16: { md5: "567d2b31f2468e6268e9f74074ccb8dc", name: "16 双人拉力绳阻力跑" },
          v17: { md5: "06fa2b862a66aef9bbdfd6c34c5ed084", name: "17 站姿-T字" },
          v18: { md5: "18a1368464220d1514ca2795fa2f6eae", name: "18 站姿-W字" },
          v19: { md5: "e457a22d2ce32c63b764391e70e55bc9", name: "19 交叉摆臂" },
          v20: { md5: "3d34e261aa52234b2f96c1a5b9a37047", name: "20 提踵走" },
          v1: { md5: "4319c46d914b70a156bb7390f4da6c60", name: "1 站姿哑铃臂弯举" },
          v2: { md5: "d64a7a315a7206201b6281226cc8642e", name: "2 俯身单侧哑铃臂屈伸" },
          v3: { md5: "a149b8e53e893a29c2235ac8293ce22f", name: "3 站姿弹力带侧平举" },
          v4: { md5: "b78634c194d65e71d94b543a78755848", name: "4 站姿弹力带划船" },
          v5: { md5: "a8999d8512f9a20d269b77defee5e96f", name: "5(跪姿)平板支撑" },
          v6: { md5: "0e1186f844d36b7ddaff1d7210428929", name: "6 仰卧卷腹" },
          v7: { md5: "6c9936509036d3669323d0cb351f9d18", name: "7 箭步蹲" },
          v8: { md5: "44fbdae161dff70405394956b9c914c0", name: "8(斜上)俯卧撑" },
          v9: { md5: "a0254919dae00a6b0b1791324fb0993b", name: "9 引体向上" },
          v10: { md5: "decdd4f5b25fcab0d072ac2549cc678f", name: "10 悬垂举腿" },
          v11: { md5: "89704d018aa60e080a6d4f2eef31f20a", name: "11 自重深蹲" },
          v12: { md5: "4f65f55254412f0c876a759d6c642441", name: "12 单足站姿提踵" },
          v13: { md5: "a4c6746df29c09647bd2a4e7fcf9d255", name: "13 杠铃高翻" },
          v14: { md5: "c10dc4d63f6a2ee02176e3bcc24bc367", name: "14 双人向前砸药球" },
          v15: { md5: "743423f328a6a9208977752b76ce3446", name: "15 杠铃半蹲跳" },
          v16: { md5: "12b0d155c38f6f0a136dc632f482c97d", name: "16 双人拉力绳阻力跑" },
          v17: { md5: "f6cea8e7cebb8ec82129dbaaa8131dd0", name: "17 站姿-T字" },
          v18: { md5: "60657d5c9855806a88d7912138b17645", name: "18 站姿-W字" },
          v19: { md5: "ba97ee55a1cf199dab60123efb26aa18", name: "19 交叉摆臂" },
          v20: { md5: "b7a56f3d3616d36ecc223ae4e1005946", name: "20 提踵走" },
          v21: { md5: "3767bcc0601eba4b4d6ba62a9dfbfb9e", name: "21 脚跟走" },
          v22: { md5: "544f84e6a1aae6862dac35f64589382a", name: "22 行进间股四头肌伸展" },
          v23: { md5: "3d3fc1cc506b99c76f08a36246830295", name: "23 提膝展髋走" },
          v24: { md5: "fcbdcf03e25ab41939be1a5652d59e70", name: "24 直腿行军步" },
          v25: { md5: "1676f09b0e0ec469af3733abf1c82c3d", name: "25 抱膝落跪步走" },
          v26: { md5: "684e486c6a8028b63a0d53ef967acaac", name: "26 合抱扩胸" },
          v27: { md5: "bb15e61d3699fb357f237dedf9eef449", name: "27 蝎子摆尾" },
          v28: { md5: "8501462abfce2d0583563f7636d34b56", name: "28 肱三头肌 主动伸展" },
          v29: { md5: "8bdefeef7fda00b2bdd70fef0caa0095", name: "29 腕部屈肌 主动伸展" },
          v30: { md5: "f4dd38cb29aff1da5cd36d31d7865bec", name: "30 三角肌后束 主动伸展" },
          v31: { md5: "2442e5d3a3280f073fff1d74d479d7e3", name: "31 三角肌前束 主动伸展" },
          v32: { md5: "baaffb7fbbd9a2a47effe6d8974e90c7", name: "32 小腿三头肌 主动伸展" },
          v33: { md5: "7fb8d89358a1d4bacb3ff035075355a4", name: "33 股四头肌 主动伸展" },
          v34: { md5: "c47508bd8474b463e9e43288eb00f996", name: "34 内收肌 主动伸展" },
          v35: { md5: "d43de605f39b2ea4e2753fafce5952e5", name: "35 股二头肌和臀肌 主动伸展" },
          v36: { md5: "038ae01805540e09bd4b193e0c83a1fb", name: "36 站姿正前屈" },
          v37: { md5: "20a8b239775229bc931861ba484f5f46", name: "37 背阔肌伸展" },
          v38: { md5: "f037969a9696adbfefc830a5dc362578", name: "38 骆驼式" },
          v39: { md5: "180c67165694131178dc6b07d597362b", name: "39 臀肌、躯干伸肌和胸肌-主动伸展" },
          v40: { md5: "fbf52adf7c1fd8b2e5555cb87c2ac50a", name: "40 躯干伸肌、背阔肌、菱形肌和臀肌主动伸展" },
          v41: { md5: "326466f9b879bb3da3d6fd366788ff2e", name: "41 腹直肌主动伸展" },
          v42: { md5: "6574f22c61d5879d5fcf6ab3bb50b0a3", name: "42 高抬腿转身跑" },
          v43: { md5: "3f77e4cad82a47359a77a6a41206294f", name: "43 俯卧撑起跑" },
          v44: { md5: "7af326a2d91964dd1ef067fc3d94ac03", name: "44 两人拍击(背)" },
          v45: { md5: "20057b2355ec65198fc7c2262b0e85ce", name: "45 快速小步跑" },
          v46: { md5: "4d83335d05aa8b0e3a8e09d9e5daa3b9", name: "46 原地快速高抬腿或支撑高抬腿" },
          v47: { md5: "adcc99dbbc8e7a17336eca8b5363c550", name: "47 快速传接球" },
          v48: { md5: "e71c145e4023e26cbe8e391504c956cd", name: "48 小步跑或高抬腿跑转加速跑" },
          v49: { md5: "9ccb8ba557f0605186a3888d7649723d", name: "49 快速后蹬跑" },
          v50: { md5: "63f948b85ddfacf8b5ddec0255c11c13", name: "50 双人间距追逐跑" },
          v51: { md5: "47e613bdc784c4934f8a87418e6f2e6f", name: "51 单脚站立" },
          v52: { md5: "637e1e3f91c38c9533ff54f0808580b3", name: "52 燕式平衡" },
          v53: { md5: "4e062613d384274e1a899de1d13864b8", name: "53 绳梯横向小滑步" },
          v54: { md5: "2b7003089a4d4fbc6f87ec763a6b575e", name: "54 交叉步跑" },
          v55: { md5: "c5840a298def7f4138bbd6435f19c6c4", name: "55 绳梯“之”字形双脚跳" },
          v56: { md5: "5d46a6cab546a20c8e386e2fdfc62df8", name: "56 变向跑" },
          v22: { md5: "b35c4541b4db930d25d10d5356f8bad2", name: "22 行进间股四头肌伸展" },
          v23: { md5: "9d54499bb3ee298de9161fe3f1dac49b", name: "23 提膝展髋走" },
          v24: { md5: "a62879c9a7184f2fb405e4491db5be81", name: "24 直腿行军步" },
          v25: { md5: "ff6297edce7ed71c63c544275537581c", name: "25 抱膝落跪步走" },
          v26: { md5: "ec762747ae811eaa81c875ab8a54c86a", name: "26 合抱扩胸" },
          v27: { md5: "db25102310e586d5132c03ec9e07bf32", name: "27 蝎子摆尾" },
          v28: { md5: "2664f68c79dd4ff0176c9b90725d43d9", name: "28 肱三头肌 主动伸展" },
          v29: { md5: "6a895a20fb6393cb5ec61b71ac2c3766", name: "29 腕部屈肌 主动伸展" },
          v30: { md5: "e4e5687b51096994eef921b9d10a60e2", name: "30 三角肌后束 主动伸展" },
          v31: { md5: "ad7585d753ebf181fcc0541822fedb16", name: "31 三角肌前束 主动伸展" },
          v32: { md5: "e8b087f45d4f51b1059be847d01e725e", name: "32 小腿三头肌 主动伸展" },
          v33: { md5: "fb0974c5d67182876e2e815d185ed8e4", name: "33 股四头肌 主动伸展" },
          v34: { md5: "90a655d5fba715406c1cb31c0173c250", name: "34 内收肌 主动伸展" },
          v35: { md5: "74f9f66cba99049c35eb64cfa3026184", name: "35 股二头肌和臀肌 主动伸展" },
          v36: { md5: "20b3dba6da9bbfbe6d3a2d69c42427e1", name: "36 站姿正前屈" },
          v37: { md5: "176f6a7269a954ea67a3c9338761d528", name: "37 背阔肌伸展" },
          v38: { md5: "4a75095cfcb7382b9c0df4fecd108f27", name: "38 骆驼式" },
          v39: { md5: "dccd0eb11714c6fe92933e5fd4446cd1", name: "39 臀肌、躯干伸肌和胸肌-主动伸展" },
          v40: { md5: "0929e045002f5438b7fc851db507a455", name: "40 躯干伸肌、背阔肌、菱形肌和臀肌主动伸展" },
          v41: { md5: "b21ddbe0b8eddcc2ad95704b44abec0e", name: "41 腹直肌主动伸展" },
          v42: { md5: "09468a3231bb6e3b7e23c4fe1bb9af65", name: "42 高抬腿转身跑" },
          v43: { md5: "d37a5bffb85cfbda688534a5ef269bbb", name: "43 俯卧撑起跑" },
          v44: { md5: "f4b88df66d5340b9421d7454d7a4f028", name: "44 两人拍击(背)" },
          v45: { md5: "f63210d0b6e931fdff49f8bc25baeb0d", name: "45 快速小步跑" },
          v46: { md5: "08ae172eca3ec9716301cddb134e89cd", name: "46 原地快速高抬腿或支撑高抬腿" },
          v47: { md5: "2ddfd1d6e40bc23aac4957f198db9e35", name: "47 快速传接球" },
          v48: { md5: "6e784bafe7a61d96597ca7961d9776c5", name: "48 小步跑或高抬腿跑转加速跑" },
          v49: { md5: "e42f4d153d8b35ee0a94b18608ccb334", name: "49 快速后蹬跑" },
          v50: { md5: "9d0c94d2c7ea2349bf0f7ca9e742b759", name: "50 双人间距追逐跑" },
          v51: { md5: "72aeaf4211008341f660af6ebb9dd4bb    ", name: "51 单脚站立" },
          v52: { md5: "e56587af4c27ca3843153f896bb2fa65", name: "52 燕式平衡" },
          v53: { md5: "8d54fe7c97633470a7a5815c32d33839", name: "53 绳梯横向小滑步" },
          v54: { md5: "364ee7534212a7fb10a0c8777529006a    ", name: "54 交叉步跑" },
          v55: { md5: "4ae656a2c1ac7ee825ae9eb3a95e624a", name: "55 绳梯“之”字形双脚跳" },
          v56: { md5: "79573c07e98cc532511bd641f0301273", name: "56 变向跑" },
          v57: { md5: "1ca7a180fdcbda1e79b93743ea135ee7", name: "1 弹力带直臂后缩" },
          v58: { md5: "b8f620ed06adc90953ab2fc21447094d", name: "2 俯卧挺身" },
          v59: { md5: "d1d0aeacd271790f97b1fd5d3cf97928", name: "3 站姿弹力带划船" },
          v60: { md5: "be55b7e4db43df2b6276e3d7f6b89d2a", name: "4 哑铃侧平举" },
          v61: { md5: "187ee53128b39cdc543edfb8a0ef228d", name: "5 站姿后踢退" },
          v62: { md5: "8c4c90fab9269ed96c5df931efd16a9b", name: "1 三角肌前束主动伸展" },
          v63: { md5: "f7a2354a781cb53642a333b17ef64750", name: "2 臀大肌主动伸展" },
          v64: { md5: "1476ded1cada9bf6b613cd7c1c5b1d84", name: "3 胸大肌主动伸展    " },
          v65: { md5: "99466a9e9ed25740411d798e4ba6c189", name: "4 斜方肌上部主动伸展" },
          v66: { md5: "219ded6b58d674c312f4aa920a599d1b", name: "5 斜方肌中下部主动伸展" },
          v67: { md5: "9218d65172730e624ff322a2eccf2faf", name: "6 竖脊肌主动伸展" },
          v68: { md5: "c9f7b5c850ad4e90f748ff126cfcfe4f", name: "1 仰卧两头起" },
          v69: { md5: "f2d6058012a1d199f7a9cce6a78bda7d", name: "2 平板支撑" },
          v70: { md5: "13d0dca4fc07fd8579dfd795c8b5a3d9", name: "3 站姿提踵" },
          v71: { md5: "54955118d703ca9a4cbd0ae10f146b25", name: "4 站姿侧踢腿" },
          v72: { md5: "d037a206a811cff6f43605100cda4831", name: "5 杠铃深蹲" },
          v73: { md5: "c9462085f310c02589af4a4f9b6a2e9e", name: "1 股四头肌主动伸展" },
          v74: { md5: "c7cc9ef83c4065f4ebc41dacd3c32178", name: "2 股二头肌主动伸展" },
          v75: { md5: "d3dd1dc411ef1d49a892f2c2b8e36c96", name: "3 腓肠肌主动伸展" },
          v76: { md5: "b7af2cb45c6c9dd6013235798f716481", name: "4 髂腰肌主动伸展" },
          v77: { md5: "d77dd438a31679fdbdf3d4fbef20518d", name: "1 跳绳" },
          v78: { md5: "6f5ba2c4476523f4f26154c0ac113ad2", name: "1 中距俯卧撑" },
          v79: { md5: "f6e953b3cad6063033e9eed921533dee", name: "2 引体向上" },
          v80: { md5: "72c0f4f2b6c6f1cf42f8db6ca9ac6230", name: "3 哑铃推举" },
          v81: { md5: "94b67ec40005287811f61aa5243ab0e2", name: "4 俯卧两头起" },
          v82: { md5: "d32a8ba8a42f2b6413c4b5d2e9d5ae7d", name: "5 哑铃肩上推举" },
          v83: { md5: "d037a206a811cff6f43605100cda4831", name: "6 杠铃深蹲" },
          v84: { md5: "b2b05c9d9b44e59b5cbfe5375c342265", name: "跳箱" },
          v85: { md5: "91fa5a8a0c7f766a9148f943ddbd1737", name: "1 听信号转身起跑" },
          v86: { md5: "8fa1ad4f7f8ffdc49ee9141087a49eff", name: "2 原地快速高抬腿" },
          v87: { md5: "eb3287dee47e3fcf5306c73f1b347361", name: "3 加速跑" },
          v88: { md5: "f2fa516b43ecf76b733a7588937536c5", name: "1 波速球深蹲" },
          v89: { md5: "c550978b3191e8ca5fce284f6a60c7bc", name: "2 哑铃站姿提踵" },
          v90: { md5: "e8fefb4d40729cddcf3cbc8c03f9e19c", name: "3 俯身哑铃划船" },
          v91: { md5: "424d58e7fc8a78904c5304e38e4cb96b", name: "4 仰卧卷腹" },
          v92: { md5: "9c99692511ea7a327dbc3a66fe16be4a", name: "1 闭眼站立" },
          v93: { md5: "969bbd9ae31875e3fcad1b5f7e6adc83", name: "2 瑞士球肘撑交替提膝" },
          v94: { md5: "32d6131b18d7d5ec6ccf1eb92ee2a19c", name: "3 瑞士球上跪姿平衡" },
          v95: { md5: "29917cf8d48056588238ce71f6e410ed", name: "4 瑞士球腹传接球" },
        },
        videoUrl: {},
        videoShow1: false,
@@ -2228,6 +2636,16 @@
        videoShow9: false,
        videoShow10: false,
        videoShow11: false,
        videoShow12: false,
        videoShow13: false,
        videoShow14: false,
        videoShow15: false,
        videoShow16: false,
        videoShow17: false,
        videoShow18: false,
        videoShow19: false,
        videoShow20: false,
        videoShow21: false,
      },
    };
  },
@@ -2244,15 +2662,12 @@
      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");
@@ -2261,16 +2676,13 @@
        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);
      }, 1000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v25.md5, "v25");
@@ -2279,16 +2691,14 @@
        this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
        this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
        this.getVideo(this.chapter002.videoMd5.v30.md5, "v30");
      }, 7000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v31.md5, "v31");
        this.getVideo(this.chapter002.videoMd5.v32.md5, "v32");
        this.getVideo(this.chapter002.videoMd5.v33.md5, "v33");
        this.getVideo(this.chapter002.videoMd5.v34.md5, "v34");
        this.getVideo(this.chapter002.videoMd5.v35.md5, "v35");
        this.getVideo(this.chapter002.videoMd5.v36.md5, "v36");
      }, 9000);
      }, 3000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v37.md5, "v37");
@@ -2297,16 +2707,13 @@
        this.getVideo(this.chapter002.videoMd5.v40.md5, "v40");
        this.getVideo(this.chapter002.videoMd5.v41.md5, "v41");
        this.getVideo(this.chapter002.videoMd5.v42.md5, "v42");
      }, 11000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v43.md5, "v43");
        this.getVideo(this.chapter002.videoMd5.v44.md5, "v44");
        this.getVideo(this.chapter002.videoMd5.v45.md5, "v45");
        this.getVideo(this.chapter002.videoMd5.v46.md5, "v46");
        this.getVideo(this.chapter002.videoMd5.v47.md5, "v47");
        this.getVideo(this.chapter002.videoMd5.v48.md5, "v48");
      }, 13000);
      }, 5000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v49.md5, "v49");
@@ -2317,11 +2724,109 @@
        this.getVideo(this.chapter002.videoMd5.v54.md5, "v54");
        this.getVideo(this.chapter002.videoMd5.v55.md5, "v55");
        this.getVideo(this.chapter002.videoMd5.v56.md5, "v56");
        this.getVideo(this.chapter002.videoMd5.v57.md5, "v57");
        this.getVideo(this.chapter002.videoMd5.v58.md5, "v58");
        this.getVideo(this.chapter002.videoMd5.v59.md5, "v59");
        this.getVideo(this.chapter002.videoMd5.v60.md5, "v60");
        this.getVideo(this.chapter002.videoMd5.v61.md5, "v61");
        this.getVideo(this.chapter002.videoMd5.v62.md5, "v62");
        this.getVideo(this.chapter002.videoMd5.v63.md5, "v63");
        this.getVideo(this.chapter002.videoMd5.v64.md5, "v64");
      }, 7000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v65.md5, "v65");
        this.getVideo(this.chapter002.videoMd5.v66.md5, "v66");
        this.getVideo(this.chapter002.videoMd5.v67.md5, "v67");
        this.getVideo(this.chapter002.videoMd5.v68.md5, "v68");
        this.getVideo(this.chapter002.videoMd5.v69.md5, "v69");
        this.getVideo(this.chapter002.videoMd5.v70.md5, "v70");
        this.getVideo(this.chapter002.videoMd5.v71.md5, "v71");
        this.getVideo(this.chapter002.videoMd5.v72.md5, "v72");
        this.getVideo(this.chapter002.videoMd5.v73.md5, "v73");
        this.getVideo(this.chapter002.videoMd5.v74.md5, "v74");
        this.getVideo(this.chapter002.videoMd5.v75.md5, "v75");
        this.getVideo(this.chapter002.videoMd5.v76.md5, "v76");
        this.getVideo(this.chapter002.videoMd5.v77.md5, "v77");
        this.getVideo(this.chapter002.videoMd5.v78.md5, "v78");
        this.getVideo(this.chapter002.videoMd5.v79.md5, "v79");
        this.getVideo(this.chapter002.videoMd5.v80.md5, "v80");
      }, 9000);
      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v81.md5, "v81");
        this.getVideo(this.chapter002.videoMd5.v82.md5, "v82");
        this.getVideo(this.chapter002.videoMd5.v83.md5, "v83");
        this.getVideo(this.chapter002.videoMd5.v84.md5, "v84");
        this.getVideo(this.chapter002.videoMd5.v85.md5, "v85");
        this.getVideo(this.chapter002.videoMd5.v86.md5, "v86");
        this.getVideo(this.chapter002.videoMd5.v87.md5, "v87");
        this.getVideo(this.chapter002.videoMd5.v88.md5, "v88");
        this.getVideo(this.chapter002.videoMd5.v89.md5, "v89");
        this.getVideo(this.chapter002.videoMd5.v90.md5, "v90");
        this.getVideo(this.chapter002.videoMd5.v91.md5, "v91");
        this.getVideo(this.chapter002.videoMd5.v92.md5, "v92");
        this.getVideo(this.chapter002.videoMd5.v93.md5, "v93");
        this.getVideo(this.chapter002.videoMd5.v94.md5, "v94");
        this.getVideo(this.chapter002.videoMd5.v95.md5, "v95");
      }, 11000);
      setTimeout(() => {
      }, 13000);
      setTimeout(() => {
      }, 15000);
    }
  },
  methods: {
    submit() {
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      this.chapter002.score2 = parseInt(localData.textBybItem1) + parseInt(localData.textBybItem2) + parseInt(localData.textBybItem3) + parseInt(localData.textBybItem4) + parseInt(localData.textBybItem5) + parseInt(localData.textBybItem6) + parseInt(localData.textBybItem7)
      this.isShowScore1 = true;
    },
    resetData() {
      this.isShowScore1 = false;
      this.chapter002.textBybItem1 = ''
      this.chapter002.textBybItem2 = ''
      this.chapter002.textBybItem3 = ''
      this.chapter002.textBybItem4 = ''
      this.chapter002.textBybItem5 = ''
      this.chapter002.textBybItem6 = ''
      this.chapter002.textBybItem7 = ''
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess(e, val) {
      this.chapter002.tkItem01[val] = e.target.value;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    closeDialog() {
      this.dialogVisible = false;
    },
    toUrl(val) {
      if (val) {
        // const obj = {
        //   type: "pdf",
        //   data: {
        //     md5: this.chapter002.pdfMd5[val].md5,
        //     title: this.chapter002.pdfMd5[val].name,
        //   },
        // };
        // this.$emit("openPDFChange", obj);
        this.dialogVisible = true;
        this.p_md5 = this.chapter002.pdfMd5[val].md5;
        this.pdfTitle = this.chapter002.pdfMd5[val].name;
      }
    },
    readText(val) {
      const textContent = (
        this.container ? this.container : document
@@ -2377,7 +2882,35 @@
        this.chapter002.videoShow11 = true;
      }, 17000);
    },
    activityXyx2() {
      this.chapter002.isShowXyx02 = !this.chapter002.isShowXyx02;
      this.chapter002.videoShow12 = true;
      setTimeout(() => {
        this.chapter002.videoShow13 = true;
      }, 1000);
      setTimeout(() => {
        this.chapter002.videoShow14 = true;
      }, 3000);
      setTimeout(() => {
        this.chapter002.videoShow15 = true;
      }, 5000);
      setTimeout(() => {
        this.chapter002.videoShow16 = true;
      }, 7000);
      setTimeout(() => {
        this.chapter002.videoShow17 = true;
      }, 9000);
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
src/books/sportsAndHealth/view/components/chapter003.vue
@@ -101,7 +101,12 @@
            <p>
              请同学们上网搜索“友谊 第一,比赛第二”的相关 资料,了解这一体育精神
              的由来,领会毛泽东关于 体育与比赛的思想精髓。
              <textarea rows="8" v-model="chapter003.textBybItem1" @change="setBookQuestion"></textarea>
            </p>
          </div>
          <div class="bk-tyzg">
@@ -583,7 +588,7 @@
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(17)">2单项技术学练 反弹传接球.pdf</span>
                <span @click="toUrl(17)">9 模块一(三)组合技能练习 运球+传接球.pdf</span>
              </div>
            </div>
          </div>
@@ -615,12 +620,35 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1. 体侧传球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0082-1.jpg" />
          <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="../../images/Unit3/p69/69-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p69/69-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-6 体侧传球
            </p>
          </div>
          <p style="margin-right: 50px">
            (1)动作要领
            双手持球于胸前,传球时(以右手传球为例),右脚向右跨出半步,同时将球移至右手并引到右侧,右手拇指朝上,掌心朝前,手腕后屈;出球时,前臂向前做弧线摆动,当摆过右侧前方的时候,迅速收臂,手腕前屈,用食指、中指的力量拨球,将球传出。
@@ -640,12 +668,35 @@
            </p>
          </div>
          <p class="zt-cs">2.体前变向换手运球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0082-2.jpg" />
          <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="../../images/Unit3/p69/69-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p69/69-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-7 体前变向换手运球
            </p>
          </div>
          <p>
            (1)动作要领
            以从防守队员右侧突破为例,变向时,用右手按拍球的右侧上方,使球经自己的体前向左侧前方反弹,同时右脚向左前方跨出,上体左转侧肩,用肩、腿保护球,接着迅速换左手按拍球的后上方,加速运球超越对手。
@@ -708,13 +759,31 @@
          <p class="zt-cs">4.交叉步持球突破</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0083-1.jpg" />
          <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="../../images/Unit3/p70/70-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p70/70-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-9 交叉步持球突破
            </p>
          </div>
          <p>
            (1)动作要领
            以右脚做中枢脚为例,突破时,左脚向左前方跨出半步,做向左突破的假动作,当对手身体重心向右移动时,左脚前脚掌内侧用力蹬地,迅速向右侧前方跨出一大步,同时上体右转探肩,重心前移,将球引于右侧,在右脚离地前,用右手立即将球拍至左脚右侧前方,并加速超越对手。
@@ -929,13 +998,31 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1.体前变向不换手运球+投篮</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0085-1.jpg" />
          <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="../../images/Unit3/p72/72-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p72/72-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-11 体前变向不换手运球
            </p>
          </div>
          <p>
            (1)动作要领
            运球队员从对手左侧突破时,先将球从身体右侧拨至体前的中间位置,上体也随着向左侧晃动。当对手向左侧移动堵截时,运球队员突然将球拨回右侧,左脚向右侧跨出,同时右手运球加速前进。
@@ -1387,12 +1474,23 @@
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">学一学</div>
            <div class="bj1-xyx publicxbc">议一议</div>
            <p>
              请同学们上网搜索“友谊 第一,比赛第二”的相关 资料,了解这一体育精神
              的由来,领会毛泽东关于 体育与比赛的思想精髓。
              请同学们上网搜
              索和了解“志行
              风格”,并讨论
              当下我们应当如
              何领会、践行这
              种体育精神。
            </p>
            <textarea rows="8" v-model="chapter003.textBybItem2" @change="setBookQuestion"></textarea>
          </div>
          <div class="learnOneMore">学习目标</div>
@@ -1437,13 +1535,35 @@
          <p class="zt-ls" style="">(一)单项技术学练</p>
          <p class="zt-cs">1.脚背外侧运球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0089-1.jpg" />
          <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="../../images/Unit3/p76/76-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p76/76-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p76/76-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-1 脚背外侧运球
            </p>
          </div>
          <span>
            (1)动作要领
            <p>
@@ -1472,13 +1592,31 @@
          </div>
          <p class="zt-cs">2.脚内侧踢球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0089-2.jpg" />
          <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="../../images/Unit3/p76/76-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p76/76-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-2 脚内侧踢球
            </p>
          </div>
          <span>
            (1)动作要领
            <p>
@@ -1524,12 +1662,36 @@
          </span>
          <p class="zt-cs">3. 脚内侧接球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0090-2.jpg" />
          <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="../../images/Unit3/p77/77-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p77/77-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-3  脚内侧接球
            </p>
          </div>
          <span>
            (1)动作要领
@@ -1729,12 +1891,33 @@
          <p class="zt-ls" style="">(一)单项技术学练</p>
          <p class="zt-cs">1. 脚背正面踢球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0092-1.jpg" />
          <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="../../images/Unit3/p79/79-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p79/79-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-6 脚背正面踢球
            </p>
          </div>
          <span>
            (1)动作要领
            <p>
@@ -1762,12 +1945,37 @@
          </div>
          <p class="zt-cs">2. 脚背内侧踢球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0092-2.jpg" />
          <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="../../images/Unit3/p79/79-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p79/79-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-7  脚背内侧踢球
            </p>
          </div>
          <span>
            (1)动作要领
            <p>
@@ -1780,12 +1988,35 @@
            <p>同“脚背正面踢球”。</p>
          </span>
          <p class="zt-cs">3. 脚背正面接球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0092-3.jpg" />
          <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="../../images/Unit3/p79/79-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p79/79-6.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-8  脚背正面接球
            </p>
          </div>
          <span>
            (1)动作要领
            <p>
@@ -1945,12 +2176,39 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1. 头顶球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0094-1.jpg" />
          <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="../../images/Unit3/p81/81-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p81/81-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p81/81-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-11  头顶球
            </p>
          </div>
          <span>
            <div class="smallTitle">(1)动作要领</div>
@@ -1969,12 +2227,41 @@
          <p class="zt-cs">2. 脚背外侧踢球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0094-2.jpg" />
          <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="../../images/Unit3/p81/81-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p81/81-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p81/81-6.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-12  脚背外侧踢球
            </p>
          </div>
          <span>
            (1)动作要领
@@ -2017,6 +2304,7 @@
              图 3-2-13  胸部接球
            </p>
          </div>
          <span>
            (1)动作要领
@@ -2874,12 +3162,34 @@
        <div class="bodystyle">
          <p class="zt-ls" style="">(一)单项技术学练</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0103-1.jpg" />
          <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="../../images/Unit3/p90/90-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p90/90-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-3-9  拦网
            </p>
          </div>
          <p class="zt-cs">拦网</p>
          <p>
            拦网按人数分为单人拦网、集体拦网。集体拦网的技术动作
@@ -3293,12 +3603,36 @@
          <p class="zt-ls" style="">(一)单项技术学练</p>
          <p class="zt-cs">1. 正手握拍</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0107-1.jpg" />
          <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="../../images/Unit3/p94/94-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p94/94-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-1  正手握拍
            </p>
          </div>
          <span>
            (1)动作要领(以右手持拍为例,下同)
            <div class="subsectionContent">
@@ -3358,12 +3692,40 @@
        <div class="bodystyle">
          <span> 宽面上,中指、无名指和小指并拢握住拍柄。 </span>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0108-1.jpg" />
          <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="../../images/Unit3/p95/95-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p95/95-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p95/95-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-2  反手握拍
            </p>
          </div>
          <div style="text-indent: 2em">
            (2)学练建议
@@ -3375,13 +3737,40 @@
            后,突然改变方向,垂直下落至端线附近的一种发球方式。
          </p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0108-2.jpg" />
          <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="../../images/Unit3/p95/95-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p95/95-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p95/95-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p95/95-7.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-3  正手发高远球
            </p>
          </div>
          <span>
            (1)动作要领
            <div class="subsectionContent">
@@ -3449,12 +3838,44 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0109-1.jpg" />
          <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="../../images/Unit3/p96/96-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p96/96-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p96/96-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p96/96-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-4  正手击高远球
            </p>
          </div>
          <p class="zt-cs">4. 正手击高远球</p>
          <p>
            正手击高远球是把球打得既高又远,使
@@ -3547,18 +3968,72 @@
            脚后面超越的为后交叉步。适用于上网和后退。
          </p>
          <div class="img-float openImgBox" style="margin-left: 20px">
            <img class="img-c" alt="" src="../../image/0110-1.jpg" style="height: 133px; width: 280px" />
          <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="../../images/Unit3/p97/97-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p97/97-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p97/97-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-5  并步
            </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="../../images/Unit3/p97/97-4.jpg" />
          </div>
          <div class="img-rights openImgBox" style="margin-right: 20px">
            <img class="img-c" alt="" src="../../image/0110-2.jpg" />
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p97/97-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p97/97-6.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-6  交叉步
            </p>
          </div>
          <div style="text-indent: 2em; margin-top: 95px">
            <p>(2)学练建议</p>
@@ -3626,6 +4101,23 @@
            </div>
          </div>
          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(109)">
                  4 模块一(一)单项技术学练 后退步法.pdf</span>
              </div>
            </div>
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
@@ -3786,12 +4278,42 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1. 正手挑球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0111-1.jpg" />
          <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="../../images/Unit3/p98/98-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p98/98-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p98/98-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-7  正手挑球
            </p>
          </div>
          <p>
            正手挑球是用正手握拍,以正拍面把对
            方击来的网前球从球网的下端较低位置由低
@@ -3865,12 +4387,35 @@
            在尽可能高的击球点全力将球从高处向对方场区扣压的击球方式。
          </p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0112-1.jpg" />
          <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="../../images/Unit3/p99/99-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p99/99-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-8  正手杀球
            </p>
          </div>
          <span>
            (1)动作要领
@@ -4237,12 +4782,41 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1. 正手吊球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0114-1.jpg" />
          <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="../../images/Unit3/p101/101-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p101/101-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-9  正手吊球
            </p>
          </div>
          <p>
            在后场区用正手握拍,以正拍面将对方打来的后场球还击到
@@ -4293,12 +4867,36 @@
            正手握拍,在中场或后场把对方击来的低于肩高的球回击到 对方底线场区。
          </p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0115-1.jpg" />
          <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="../../images/Unit3/p102/102-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p102/102-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-10  正手抽球
            </p>
          </div>
          <span>
            (1)动作要领
@@ -4330,12 +4928,33 @@
            </div>
          </div>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0115-2.jpg" />
          <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="../../images/Unit3/p102/102-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p102/102-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-11  正手勾对角球
            </p>
          </div>
          <p class="zt-cs">3. 正手勾对角球</p>
          <p>
@@ -4995,7 +5614,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../image/352-1.png" />
                    <p class="img">图1-8-2 仰头抬颌法</p>
                  </div>
                </div>
                <div class="swiper-slide">
@@ -5014,7 +5633,7 @@
            </div>
          </div>
          <p class="img">图1-8-3 推举下颌法</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">图 3-5-2  反手推挡</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的推挡练习要严格按照技术路线进行。</p>
@@ -5055,7 +5674,7 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-3 正手攻球</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-3 正手攻球</p>
          <p>(1)动作要领</p>
          <p>
            击球前,左脚稍前站立,身体离台约50厘米;判断来球位置,前臂外展将球拍后引至身体右侧稍后;在球的上升期或高点期击球的中上部;击球点在正手位身体侧前方;击球后,迅速还原成击球前的准备姿势。
@@ -5083,26 +5702,7 @@
        <div class="bodystyle">
          <div class="pdf-tips-con">
            <p class="zt-ls">(二)基本战术学练</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg> </span><span @click="toUrl(4)">4 模块一(二)基本战术学练接平击球抢攻.pdf</span>
              </div>
              <div class="pdf-item">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg> </span><span @click="toUrl(5)">5 模块一(三)组合技能练习 推挡+侧身攻.pdf</span>
              </div>
            </div>
          </div>
          <p><span class="zt-cs">发平击球抢攻</span></p>
          <p>(1)战术方法</p>
@@ -5124,6 +5724,29 @@
            <p>3.通过脚步移动寻找最佳击球点,能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(4)">4 模块一(二)基本战术学练接平击球抢攻.pdf</span>
              </div>
            </div>
          </div>
          <p><span class="zt-ls">(三)组合技能练习</span></p>
          <p><span class="zt-cs">1/2左推+右攻</span></p>
          <p>(1)练习方法</p>
@@ -5141,6 +5764,39 @@
          <p>
            本模块在上一模块学练的基础上,进阶性地设置了乒乓球运动新的学练内容。其中,单项技术学练包括攻球、推挡和快搓,慢搓,以及课程平台中的正手快带、转与不转球发球;
          </p>
          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(5)">5 模块一(三)组合技能练习 推挡+侧身攻.pdf</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
@@ -5226,7 +5882,7 @@
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
            <p class="img">图3-5-4 快搓</p>
            <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-4 快搓</p>
          </div>
          <br />
          <p>(2)学练建议</p>
@@ -5268,7 +5924,7 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-5 慢搓</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-5 慢搓</p>
          <p>
            搓球是近台还击下旋球的一种基本技术,可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡,为自己下一板创造进攻机会。
          </p>
@@ -5454,7 +6110,7 @@
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
            <p class="img">图3-5-6 正手弧圈球</p>
            <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-6 正手弧圈球</p>
          </div>
          <br />
          <p>(2)学练建议</p>
@@ -5515,7 +6171,7 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-7 正手发左侧上(下)旋球</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-7 正手发左侧上(下)旋球</p>
          <p>(2)学练建议</p>
          <p>①学习正确的抛球动作。</p>
          <p>②进行无球徒手练习。</p>
@@ -5620,12 +6276,86 @@
          <p>模块二比赛有:快拨比赛、快攻比赛、11分教学比赛(二)。</p>
          <p>模块三比赛有:搓球比赛、弧圈球比赛、11分教学比赛(三)。</p>
          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(105)">参与乒乓球比赛.pdf</span>
              </div>
            </div>
          </div>
          <h4 class="h4-dy3" id="d069">
            <span class="h4-dy3s">四</span> 实施自主评价
          </h4>
          <p>
            在前面学、练、赛的过程中,同学们对自己和身边同学的学习效果有了初步的评判,那么如何系统地评价自己对乒乓球运动技战术的掌握程度和整个运动的理解程度呢?请同学们登录课程平台,进行系统、全面的自主评价。
          </p>
          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(106)">1 乒乓球模块一学习的自主评价.pdf</span>
              </div>
            </div>
          </div>
          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(107)">2 乒乓球模块二学习的自主评价.pdf</span>
              </div>
            </div>
          </div>
          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(108)">3 乒乓球模块三学习的自主评价.pdf</span>
              </div>
            </div>
          </div>
          <h4 class="h4-dy3" id="d070">
            <span class="h4-dy3s">五</span> 训练专项体能
          </h4>
@@ -5916,12 +6646,40 @@
          </p>
          <p>在学习所有动作之前,我们需要先学会如何握拍。</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0128-1.jpg" />
          <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="../../images/Unit3/p115/115-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p115/115-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-1  握拍
            </p>
          </div>
          <span>将球拍握柄8个面顺时针排序,以手掌两个标记点连线对应不同的面区别不同的握拍方式。正手握拍方式为:大陆式握拍对应2号面(发球、截击),东方式握拍对应3号面,半西方式握拍对应4号面,西方式握拍对应5号面(使用较少)。双手反手握拍一般为持拍手对应1号面,非持拍手根据习惯对应3或4号面;单手反手(单反)握拍一般对应1号面。</span>
@@ -6037,7 +6795,7 @@
        </div>
      </div>
    </div>
    <!-- 171 -->
    <!-- 117 -->
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
        <div class="header-odd">
@@ -6045,7 +6803,7 @@
          <span class="sub">第三单元</span>
          <span class="sub-title">球类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">171</span>
          <span class="sub-page">117</span>
        </div>
        <div class="bodystyle">
@@ -6206,12 +6964,37 @@
        </div>
        <div class="bodystyle">
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0132-1.jpg" />
          <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="../../images/Unit3/p119/119-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p119/119-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-8  截击球
            </p>
          </div>
          <div class="subsectionContent">
            (1)动作要领
@@ -6291,8 +7074,7 @@
          <div class="bk-xyx" style="margin-top: 30px">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
              当 来 球 过 高 过 远 时, 需调整战略,快速向 后移动使用其他方式
              击球。
              当来球过高过远时需调整战略,快速向后移动使用其他方式击球。
            </p>
          </div>
        </div>
@@ -6375,21 +7157,35 @@
            </div>
          </div>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0133-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-10  手抛定点击落地球练习示意图
            </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="../../images/Unit3/p120/120-1.jpg" />
                  </div>
          </div>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0133-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-11  定点、不定点击落地球练习示意图
            </p>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p120/120-2.jpg" />
                  </div>
          </div>
          <p class="zt-ls" style="margin-top: 200px">(三)组合技能练习</p>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="zt-ls">(三)组合技能练习</p>
          <p class="zt-cs">全场击球组合</p>
          <div class="subsectionContent">
@@ -6558,12 +7354,38 @@
            </p>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0135-1.jpg" />
          <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 style="height: 120px" src="../../images/Unit3/p122/122-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img style="height: 120px" src="../../images/Unit3/p122/122-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-13  斜线对攻—用直线进攻对付浅球战术示意图
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
            <p>
@@ -6910,9 +7732,20 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from "@/components/pdfview";
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter-3',
@@ -6928,8 +7761,14 @@
      default: false,
    },
  },
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
@@ -7039,8 +7878,8 @@
            name: '1 模块一(一)单项技术学练 试一试:如何确定投篮瞄准点',
          },
          17: {
            md5: '6dc8041d19e6393f8767df773f890739',
            name: '2 模块一(一)单项技术学练 反弹传接球',
            md5: '32cdd04c794c576772b0f4de7cf2a134',
            name: '9 模块一(三)组合技能练习 运球+传接球',
          },
          18: {
            md5: '0ab8227791a5683af79c0cb97fb338fe',
@@ -7397,6 +8236,29 @@
            md5: 'cb8b9245374962b81cd34a09838a1336',
            name: '网球专项体能训练',
          },
          105: {
            md5: '15adc512323ac9d9c94942ca2fcd627d',
            name: '参与乒乓球比赛',
          },
          106: {
            md5: '358751e5c0f603192359b0f70f8f95d0',
            name: '1 乒乓球模块一学习的自主评价',
          },
          107: {
            md5: 'f5b5b846ce8b78353c8894871c8dea8c',
            name: '2 乒乓球模块二学习的自主评价',
          },
          108: {
            md5: '2f44441c386dabc0025da51d39a6d2be',
            name: '3 乒乓球模块三学习的自主评价',
          },
          109: {
            md5: '905ee99e594de51046845458b5843d5c',
            name: '4 模块一(一)单项技术学练 后退步法',
          },
        },
        videoMd5: {
@@ -7605,6 +8467,8 @@
      },
    }
  },
  created() {
@@ -7699,6 +8563,16 @@
    }
  },
  methods: {
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "chapter003",
        JSON.stringify(this.chapter003)
      );
    },
    closeDialog() {
      this.dialogVisible = false;
    },
    ChangeBlur() {
      localStorage.setItem('chapter003', JSON.stringify(this.chapter003))
    },
@@ -7719,18 +8593,18 @@
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter003.pdfMd5[val].md5,
            title: this.chapter003.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        // const obj = {
        //   type: 'pdf',
        //   data: {
        //     md5: this.chapter003.pdfMd5[val].md5,
        //     title: this.chapter003.pdfMd5[val].name,
        //   },
        // }
        // this.$emit('openPDFChange', obj)
        // this.dialogVisible = true;
        // this.p_md5 = this.chapter003.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter003.pdfMd5[val].name;
        this.dialogVisible = true;
        this.p_md5 = this.chapter003.pdfMd5[val].md5;
        this.pdfTitle = this.chapter003.pdfMd5[val].name;
      }
    },
    readText(val) {
src/books/sportsAndHealth/view/components/chapter004.vue
@@ -749,7 +749,7 @@
                            </div>
                        </div>
                        <br />
                        <p class="public-tips">项目五 · 视频库集</p>
                        <p class="public-tips">项目一 · 视频库集</p>
                        <div class="parentVideo" v-if="chapter004.isShowXyx06">
                            <div class="videoItem" v-if="chapter004.videoShow1">
                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
@@ -917,7 +917,7 @@
                    <span class="sub">第四单元</span>
                    <span class="sub-title">田径类运动</span>
                    <div class="line-page"></div>
                    <span class="sub-page">125</span>
                    <span class="sub-page">133</span>
                </div>
                <div class="bodystyle">
                    <h3 class="lefth3" id="c019"><img class="img-gh1" alt="" src="../../image/dy4-xm2.jpg" /></h3>
@@ -1944,8 +1944,39 @@
                    <p>(1)动作要领</p>
                    <p>持饼手自然分开,拇指和手掌平靠铁饼,其余四指末节扣住铁饼的边缘,手腕微屈,铁饼上缘微微靠于前臂。握好铁饼后,持饼臂自然放松下垂于体侧。预摆时,左手托饼于胸前,右手自然握饼,然后扩胸,持饼臂稍做外旋向后拉饼至极限位,稍做停顿还原至胸前,双手上下固定饼。可用食指或中指拨饼,摆饼过程中保持肩部放松。
                    </p>
                    <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0160-1.jpg" /></p>
                    <p class="img">图4-3-7 滚饼、摆饼、拨饼</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="../../images/Unit4/p147/147-1.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-2.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-3.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-7 滚饼、摆饼、拨饼
                    </p>
                    <p>(2)学练建议</p>
                    <p>①进行原地向前滚饼练习。</p>
                    <p>②进行原地左手辅助摆饼练习。</p>
@@ -1965,8 +1996,39 @@
                    <p>①进行原地徒手模仿练习。</p>
                    <p>②进行原地掷铁饼练习。</p>
                    <p>③拓展练习:可采用弹力带进行最后用力模仿练习。</p>
                    <p class="center openImgBox"><img class="img-c" alt="" src="../../image/0160-2.jpg" /></p>
                    <p class="img">图4-3-8 原地掷铁饼</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="../../images/Unit4/p147/147-4.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-5.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-6.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-8 原地掷铁饼
                    </p>
                </div>
            </div>
@@ -2256,9 +2318,28 @@
                </div>
            </div>
        </div>
        <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
            class="custom-dialog">
            <div slot="title" class="header_title">
                <span>{{ pdfTitle }}</span>
                <span @click="closeDialog"> x </span>
            </div>
            <div class="pdfModal" v-if="dialogVisible">
                <preView :isClear="dialogVisible" :md5="p_md5"></preView>
            </div>
        </el-dialog>
    </div>
</template>
<script>
import preView from "@/components/pdfview/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapter-04",
@@ -2274,15 +2355,22 @@
            default: false,
        },
    },
    components: {
        preView
    },
    data() {
        return {
            pdfTitle: "",
            p_md5: "",
            dialogVisible: false,
            chapter004: {
                isShowXyx01: true,
                isShowXyx02: true,
                isShowXyx03: true,
                isShowXyx04: true,
                isShowXyx05: true,
                isShowXyx06: true,
                isShowXyx06: false,
                pdfMd5: {
                    1: {
                        md5: "1002797e6b9ae3875c8f3d7f0c701199",
@@ -2420,7 +2508,7 @@
                },
                videoMd5: {
                    v1: { md5: "352cbc1c89971fc452c8688ca5f8a992", name: "1-短跑-蹲踞式起跑完整技术视频" },
                    v2: { md5: "4803428f02b601330f7d5624716b980d", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v2: { md5: "2bdc5da55b1f854ae8dc695c23868d8c", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v3: { md5: "80dd35f3ac8abe6202499a5afdef4c56", name: "3-短跑-绳梯练习(一步一格)" },
                    v4: { md5: "aa55472c60816861182ff2e24effa190", name: "4-短跑-绳梯练习(两步一格)" },
                    v5: { md5: "4a6797de203620b64fe35ca710bc0241", name: "5-短跑-绳梯练习(侧向移动)" },
@@ -2439,7 +2527,7 @@
                    v17: { md5: "2b9be294800d9259f6ddf48a213001e9", name: "17-短跑-体能练习-弹力带快速屈膝摆腿练习" },
                    v18: { md5: "2a3addfe72d76373097b505fa10dc62b", name: "18-短跑-体能练习-行进间单腿屈膝摆动下压练习" },
                    v19: { md5: "1869c7f1478ced073d142ea3786fbb47", name: "19-短跑-体能练习-原地单腿屈膝摆动下压练习" },
                    v20: { md5: "21e6b065503f8d06194d39d53710bf65", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },
                    v20: { md5: "8048647da4b83d2a686fd5735dc3001e", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },
                    v21: { md5: "b8184f0c2208f374ca1f1399eea099ca", name: "21-短跑-体能练习-弹力带蹬摆练习" },
                    v22: { md5: "8cb9a034cec1cc2be74ed1bddc6b18b1", name: "22-中长跑-站立式起跑" },
@@ -2499,6 +2587,9 @@
        }
    },
    methods: {
        readText(val) {
            const textContent = (
                this.container ? this.container : document
@@ -2563,22 +2654,20 @@
        activityXyx11() {
            this.chapter004.isShowXyx11 = !this.chapter004.isShowXyx11;
        },
        // PDf md5 查看
        closeDialog() {
            this.dialogVisible = false;
        },
        toUrl(val) {
            if (val) {
                const obj = {
                    type: "pdf",
                    data: {
                        md5: this.chapter004.pdfMd5[val].md5,
                        title: this.chapter004.pdfMd5[val].name,
                    },
                };
                this.$emit("openPDFChange", obj);
                // this.dialogVisible = true;
                // this.p_md5 = this.chapter004.pdfMd5[val].md5;
                // this.pdfTitle = this.chapter004.pdfMd5[val].name;
                this.dialogVisible = true;
                this.p_md5 = this.chapter004.pdfMd5[val].md5;
                this.pdfTitle = this.chapter004.pdfMd5[val].name;
            }
        },
    },
};
</script>
src/books/sportsAndHealth/view/components/chapter005.vue
@@ -121,12 +121,49 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0167-1.jpg" />
          <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="../../images/Unit5/p154/154-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p154/154-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p154/154-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p154/154-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p154/154-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-1  前滚翻
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -185,12 +222,44 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0168-2.jpg" />
          <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="../../images/Unit5/p155/155-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-2  扶持头手倒立(男)
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -235,12 +304,43 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0168-1.jpg" />
          <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="../../images/Unit5/p155/155-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-7.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p155/155-8.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-3  扶持肩肘倒立(女)
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -277,12 +377,51 @@
          <p class="zt-cs">4. 俯平衡(燕式平衡)5 秒</p>
          <div class="img-rights openImgBox">
          <!-- <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0169-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-4  俯平衡(燕式平衡)5 秒
            </p>
          </div> -->
          <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="../../images/Unit5/p156/156-1.jpg" />
          </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p156/156-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p156/156-3.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 5-1-4  俯平衡(燕式平衡)5 秒
          </p>
          <div class="subsectionContent">
            (1)动作要领
@@ -408,12 +547,45 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0170-1.jpg" />
          <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="../../images/Unit5/p157/157-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p157/157-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p157/157-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p157/157-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p157/157-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-5  前滚翻分腿起
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -468,12 +640,45 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0171-1.jpg" />
          <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="../../images/Unit5/p158/158-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-6  扶持倒立(男)
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -511,12 +716,42 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0171-2.jpg" />
          <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="../../images/Unit5/p158/158-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-7.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p158/158-8.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-7  扶持头手倒立(女)
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -687,12 +922,56 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0173-1.jpg" />
          <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="../../images/Unit5/p160/160-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p160/160-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p160/160-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p160/160-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p160/160-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-9  后滚翻直腿起
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -757,12 +1036,59 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0174-1.jpg" />
          <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="../../images/Unit5/p161/161-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p161/161-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p161/161-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p161/161-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-10  扶持倒立(女)
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1183,12 +1509,53 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0177-1.jpg" />
          <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="../../images/Unit5/p164/164-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p164/164-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p164/164-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p164/164-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p164/164-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p164/164-6.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-1  (山羊)跳上成蹲撑接挺身跳下
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1246,12 +1613,61 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0178-1.jpg" />
          <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="../../images/Unit5/p165/165-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p165/165-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p165/165-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p165/165-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p165/165-5.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p165/165-6.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-2 (山羊)屈腿腾越(男)
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1300,12 +1716,52 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0179-1.jpg" />
          <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="../../images/Unit5/p166/166-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p166/166-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p166/166-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p166/166-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-3 (山羊)分腿腾越(女)
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1420,12 +1876,62 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0180-1.jpg" />
          <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="../../images/Unit5/p167/167-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p167/167-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p167/167-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p167/167-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p167/167-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-4  分腿坐前进一次成分腿坐
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1480,12 +1986,54 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0181-1.jpg" />
          <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="../../images/Unit5/p168/168-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p168/168-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p168/168-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p168/168-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p168/168-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-5 外侧坐向外转体90°跳下
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -1580,12 +2128,55 @@
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0182-1.jpg" />
          <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="../../images/Unit5/p169/169-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p169/169-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p169/169-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p169/169-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p169/169-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-6  低杠蹬地翻上
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1637,12 +2228,56 @@
              从杠上支撑开始,腿稍前摆,上体稍下压,接着双腿向后上方摆起,接近肩水平时腿制动,保持提升姿势有控制地缓慢下落至支撑。迅速用力推手,重心后移,向后展体跳下,经落地缓冲成直立。
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0183-1.jpg" />
          <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="../../images/Unit5/p170/170-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p170/170-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p170/170-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p170/170-4.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-7 支撑后摆挺身跳下
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
            <p>①进行地面原地挺身跳练习。</p>
@@ -1921,19 +2556,90 @@
            交替类步伐是左右腿交替进行的步伐,有踏步、走步、一字步、V字步、曼波步、十字步等,动作完成有高、低冲击形式。
          </p>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0186-1.jpg" />
          <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="../../images/Unit5/p173/173-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-1  V 字步
            </p>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0186-2.jpg" />
          <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="../../images/Unit5/p173/173-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-7.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-8.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-9.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p173/173-10.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-3-2 曼波步
            </p>
          </div>
          <div class="subsectionContent">
            (1)动作要领
            <div class="subsectionContent">
@@ -1969,7 +2675,7 @@
          <p>
            迈步类步伐是一脚迈出,另一脚跟随做出不同形式的动作,如点地、踢腿、吸腿等。常见的迈步类步伐有并步、交叉步、迈步点地、迈步吸腿等;动作完成有高、低冲击形式。
          </p>
          <div class="center openImgBox">
          <!-- <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0187-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-3-3 并步
@@ -1981,7 +2687,90 @@
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-3-4 交叉步
            </p>
          </div> -->
          <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="../../images/Unit5/p174/174-1.jpg" />
          </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 5-3-3  并步
          </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="../../images/Unit5/p174/174-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-7.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-8.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-9.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p174/174-10.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图5-3-4 交叉步
          </p>
          <div class="subsectionContent">
            (1)动作要领
            <div class="subsectionContent">
@@ -2109,12 +2898,48 @@
          <p class="zt-ls">(一)单项技术学练</p>
          <p class="zt-cs">1. 抬腿类基本步伐</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0189-1.jpg" />
          <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="../../images/Unit5/p176/176-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-5  踢腿和抬腿
            </p>
          </div>
          <p>
            抬腿类步伐是健美操基本步伐之一,有
            高、低冲击形式。低冲击形式有吸腿、踢腿、
@@ -2157,12 +2982,37 @@
            跳、弹踢腿跳等。
          </p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0189-2.jpg" />
          <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="../../images/Unit5/p176/176-6.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-7.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-8.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-6  开合跳
            </p>
          </div>
          <div class="subsectionContent">
            (1)动作要领
            <div class="subsectionContent">
@@ -2175,21 +3025,87 @@
            </div>
          </div>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0189-3.jpg" />
          <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="../../images/Unit5/p176/176-9.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-10.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-11.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-12.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-13.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-7  侧、前弓步跳
            </p>
          </div>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0189-4.jpg" />
          <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="../../images/Unit5/p176/176-14.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-15.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-16.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-17.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p176/176-18.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-8  弹踢腿跳
            </p>
          </div>
          <p style="margin-top: 90px"></p>
        </div>
      </div>
    </div>
@@ -2306,12 +3222,59 @@
          </p>
          <p class="zt-ls">(一)单项技术学练</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0191-1.jpg" />
          <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="../../images/Unit5/p178/178-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p178/178-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p178/178-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p178/178-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p178/178-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-9  团身跳
            </p>
          </div>
          <p class="zt-cs">1. 团身跳</p>
          <div class="subsectionContent">
@@ -2372,12 +3335,51 @@
          <span class="sub-page">179</span>
        </div>
        <div class="bodystyle">
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0192-1.jpg" />
          <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="../../images/Unit5/p179/179-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p179/179-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p179/179-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p179/179-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit5/p179/179-5.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-10  单足转体 180°
            </p>
          </div>
          <div class="subsectionContent">
            (2)学练建议
@@ -3850,7 +4852,10 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" lock-scroll :show-close="false"
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
@@ -3860,6 +4865,9 @@
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
@@ -4230,18 +5238,9 @@
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter005.pdfMd5[val].md5,
            title: this.chapter005.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        // this.dialogVisible = true;
        // this.p_md5 = this.chapter005.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter005.pdfMd5[val].name;
        this.dialogVisible = true;
        this.p_md5 = this.chapter005.pdfMd5[val].md5;
        this.pdfTitle = this.chapter005.pdfMd5[val].name;
      }
    },
    async getVideo(md5, val) {
src/books/sportsAndHealth/view/components/chapter006.vue
@@ -317,10 +317,7 @@
                    <div class="bk-xyx" style="margin-top: 20px">
                        <div class="bj1-xyx publicxbc">注意事项</div>
                        <p>1. 充 分 做 好 准 备 活 动,
                            克服身体各机能的惰性。
                            2. 加强下肢力量和膝关
                            节稳定性的训练。。</p>
                        <p>1.充分做好准备活动,克服身体各机能的惰性。 2. 加强下肢力量和膝关节稳定性的训练。</p>
                    </div>
@@ -2290,7 +2287,7 @@
                            </div>
                        </div>
                        <br />
                        <p class="public-tips">项目一 · 视频库集</p>
                        <p class="public-tips">项目二 · 视频库集</p>
                        <div class="parentVideo" v-if="isShowXyx02">
                            <div class="videoItem" v-if="chapter006.videoShow6">
                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
@@ -3737,7 +3734,7 @@
                            </div>
                        </div>
                        <br />
                        <p class="public-tips">项目一 · 视频库集</p>
                        <p class="public-tips">项目三 · 视频库集</p>
                        <div class="parentVideo" v-if="isShowXyx03">
                            <div class="videoItem" v-if="chapter006.videoShow11">
@@ -4566,11 +4563,23 @@
        </div>
        <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
            class="custom-dialog">
            <div slot="title" class="header_title">
                <span>{{ pdfTitle }}</span>
                <span @click="closeDialog"> x </span>
            </div>
            <div class="pdfModal" v-if="dialogVisible">
                <preView :isClear="dialogVisible" :md5="p_md5"></preView>
            </div>
        </el-dialog>
    </div>
</template>
<script>
import preView from '@/components/pdfview'
import { getResourcePath } from '@/assets/methods/resources'
export default {
    name: "chapter006-page",
@@ -4586,9 +4595,14 @@
            default: false,
        },
    },
    components: {},
    components: {
        preView,
    },
    data() {
        return {
            pdfTitle: '',
            p_md5: '',
            dialogVisible: false,
            isShowXyx01: false,
            isShowXyx02: false,
            isShowXyx03: false,
@@ -5417,16 +5431,14 @@
            this.chapter006.videoUrl[val] = data
        },
        closeDialog() {
            this.dialogVisible = false
        },
        toUrl(val) {
            if (val) {
                const obj = {
                    type: 'pdf',
                    data: {
                        md5: this.chapter006.pdfMd5[val].md5,
                        title: this.chapter006.pdfMd5[val].name,
                    },
                }
                this.$emit('openPDFChange', obj)
                this.dialogVisible = true;
                this.p_md5 = this.chapter006.pdfMd5[val].md5;
                this.pdfTitle = this.chapter006.pdfMd5[val].name;
            }
        },
src/books/sportsAndHealth/view/components/chapter007.vue
@@ -1149,6 +1149,9 @@
          <div class="subsectionContent">
            (2)学练建议
            <div class="subsectionContent">
              ①陆上模仿练习。
            </div>
            <div class="subsectionContent">
              单臂划手与呼吸的配合练习:呈弓步站立于池边,一只手撑住膝关节,另一只手划臂同
              时配合呼吸。此练习的目的在于掌握划臂与呼吸的配合细节动作。
            </div>
@@ -1680,6 +1683,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
@@ -1690,6 +1694,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-3.jpg" />
                  </div>
                </div>
              </div>
@@ -1697,7 +1702,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-2  反蛙泳
          </p>
          <p>
            ①
            反蛙泳腿部的技术类似蛙泳。收腿结束时,两膝约宽于肩,大腿和小腿内侧向后对
@@ -1757,7 +1764,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-3  踩水
          </p>
          <p>
            两腿同时蹬夹水技术:与蛙泳腿部动作相似,大腿的动
            作幅度小。当两腿还未完全蹬直时收腿,动作要连贯。
@@ -2396,10 +2405,25 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from '@/components/pdfview'
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter007-page',
@@ -2415,9 +2439,14 @@
      default: false,
    },
  },
  components: {},
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowXyx01: false,
      isShowXyx02: false,
      isShowXyx03: false,
@@ -2547,16 +2576,14 @@
      this.chapter007.videoUrl[val] = data
    },
    closeDialog() {
      this.dialogVisible = false
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter007.pdfMd5[val].md5,
            title: this.chapter007.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        this.dialogVisible = true;
        this.p_md5 = this.chapter007.pdfMd5[val].md5;
        this.pdfTitle = this.chapter007.pdfMd5[val].name;
      }
    },
src/books/sportsAndHealth/view/components/chapter008.vue
@@ -1698,10 +1698,29 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from "@/components/pdfview/index.vue"
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter008-page',
@@ -1717,9 +1736,14 @@
      default: false,
    },
  },
  components: {},
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      dialogVisible: false,
      isShowXyx01: false,
      isShowXyx02: false,
      isShowXyx03: false,
@@ -1825,9 +1849,7 @@
  computed: {},
  watch: {},
  created() {
    const localData = JSON.parse(localStorage.getItem('chapter008'))
    if (localData) {
      this.chapter008 = { ...Object.assign(this.chapter008, localData) }
    }
@@ -1837,22 +1859,22 @@
  },
  mounted() { },
  methods: {
    async getVideo(md5, val) {
      const data = await getResourcePath(md5)
      // console.log(data);
      this.chapter008.videoUrl[val] = data
    },
    closeDialog() {
      this.dialogVisible = false;
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter008.pdfMd5[val].md5,
            title: this.chapter008.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        this.dialogVisible = true;
        this.p_md5 = this.chapter008.pdfMd5[val].md5;
        this.pdfTitle = this.chapter008.pdfMd5[val].name;
      }
    },
@@ -1907,4 +1929,70 @@
}
</script>
<style lang="less" scoped></style>
<style lang="less">
.pdfModal {
  width: 100%;
  height: 90vh;
}
.custom-dialog {
  overflow: hidden !important;
  /deep/ .el-dialog__body {
    padding: 0;
  }
  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);
    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
      span:nth-child(2):hover {
        cursor: pointer;
      }
    }
    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}
@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }
  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }
  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>
src/books/sportsAndHealth/view/components/chapter009.vue
New file
Diff too large
src/books/sportsAndHealth/view/components/index.vue
@@ -19,7 +19,7 @@
      <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
      <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
      <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
      <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList"></chapterNine>
    </div>
  </div>
@@ -37,7 +37,7 @@
import chapterSix from './chapter006.vue'
import chapterSeven from './chapter007.vue'
import chapterEight from './chapter008.vue'
import chapterNine from './chapter009.vue'
import NoteIcon from '@/assets/images/biji.png'
import _ from 'lodash'
@@ -50,7 +50,7 @@
export default {
  data() {
    return {
      catalogLength: 9, // 总章节数
      catalogLength: 10, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -741,7 +741,8 @@
        chapterfive,
        chapterSix,
        chapterSeven,
        chapterEight
        chapterEight,
        chapterNine
        // assemblyOne,
        // assemblyTwo,
      }
@@ -879,7 +880,8 @@
    chapterfive,
    chapterSix,
    chapterSeven,
    chapterEight
    chapterEight,
    chapterNine
    // assemblyOne,
    // assemblyTwo,
    // ChapterFour,
src/books/sportsAndHealth/view/components/testPp.vue
@@ -1281,11 +1281,11 @@
            title: this.chapter002.pdfMd5[val].name,
          },
        };
        this.$emit("openPDFChange", obj);
        // this.$emit("openPDFChange", obj);
        // this.dialogVisible = true;
        // this.p_md5 = this.chapter002.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter002.pdfMd5[val].name;
        this.dialogVisible = true;
        this.p_md5 = this.chapter002.pdfMd5[val].md5;
        this.pdfTitle = this.chapter002.pdfMd5[val].name;
      }
    },
    async getVideo(md5, val) {
src/components/pdfview/index.vue
@@ -177,10 +177,12 @@
    display: flex;
    justify-content: flex-end;
    align-items: center;
    svg {
      margin-right: 15px;
      fill: #d1d1d1;
    }
    svg:hover {
      fill: #fff;
      cursor: pointer;