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

zhongshujie

2024-08-08 bab41f60c4535b72ee59be23cd2202cd4daeedd9

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

 src/books/sportsAndHealth/css/default.less

@@ -535,7 +535,7 @@
        }

        .bj-img08 {
       
        
          position: absolute;
          left: 0;
          top: 0;
@@ -548,6 +548,21 @@
          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;
          display: flex;
          justify-content: flex-start;
        }
        .bj-byb {
          width: 100%;
          padding: 20px 10px;

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

@@ -1,4 +1,6 @@
<template>
<!-- @format -->

<template>
  <div class="chapter" num="2">
    <!-- 1 -->
    <div class="page-box" page="12">
@@ -66,7 +68,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr01')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr02" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -78,7 +80,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr01">
            <p class="block" id="qjdr02">
              小李同学是今年入校的中职学校新生，从小跟随父亲踢足球。小李开朗乐观，积极组建班级足球队。受他的影响，班级中很多同学开始进行体育锻炼。在小李的带领下，班级在校足球比赛中获得了较好的名次。
            </p>
          </div>
@@ -135,6 +137,7 @@
              </ul>
            </div>
          </div>

          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
@@ -1320,6 +1323,7 @@
                          :checked="chapter001.tablecyc2.text226" />5
                      </td>
                    </tr>

                    <tr>
                      <td style="text-align: left">26. 遭意外事故</td>
                      <td>
@@ -1411,6 +1415,8 @@
              4.采用小组合作的形式，依据世界卫生组织身心健康指标编制问卷，
              对同学们的身心健康状况及其影响因素进行调查，在老师的帮助下进行数据处理与分析，提出促进同学们身心健康发展的建议。
            </p>

            <textarea rows="8" v-model="chapter001.textBybItem17" @change="setBookQuestion"></textarea>
          </div>
          <h3 id="c002">专题二 形成健康的生活方式</h3>
          <div class="bk-ztgs">
@@ -1422,7 +1428,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr02')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr03" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -1434,7 +1440,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr02">
            <p class="block" id="qjdr03">
              身体瘦弱的小刘经常熬夜复习功课，加上生活不规律，他得了严重的胃病。在老师的建议下，他开始晨跑，并坚持吃早餐。渐渐地，他改掉了熬夜的习惯，胃病大大好转，精神面貌焕然一新，学习效率也大大提升……
            </p>
          </div>
@@ -2167,7 +2173,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr03')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr04" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -2179,7 +2185,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr03">
            <p class="block" id="qjdr04">
              小贾是某职业学校服装设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
            </p>
          </div>
@@ -3171,6 +3177,7 @@
      </div>
    </div>
    <!-- 13 -->

    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="header-odd">
@@ -3254,6 +3261,8 @@
              5～8
              个自己的特征，写完不署名。写完后将所有的“寻人启事”收起来打乱顺序，发给其他同学，让同学猜猜自己拿到的“寻人启事”找的是谁，并且根据事实陈述分析的理由。每位同学分析完后，“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价，也能帮助个人更加全面和客观地认识自己。
            </p>

            <textarea rows="8" v-model="chapter001.textBybItem18" @change="setBookQuestion"></textarea>
          </div>
          <h3 id="c004">专题四 顺利度过青春期</h3>
          <div class="bk-ztgs">
@@ -3265,7 +3274,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr04')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr05" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -3277,7 +3286,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr04">
            <p class="block" id="qjdr05">
              15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
          </div>
@@ -3786,7 +3795,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr05')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr06" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -3798,7 +3807,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr05">
            <p class="block" id="qjdr06">
              小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
            </p>
          </div>
@@ -4120,7 +4129,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr06')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr07" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -4132,7 +4141,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr06">
            <p class="block" id="qjdr07">
              许久没有运动的小亮，某天下课后兴致勃勃地去操场跑了两千米，并发朋友圈打卡。同学们纷纷给他点赞。跑完步的小亮筋疲力尽，径直回到了宿舍休息。第二天，小亮感觉自己的臀部、大腿和小腿均酸痛难耐，连上下楼梯都无法忍受，走路一瘸一拐。由此他放弃了继续跑步打卡的想法，打算先了解避免运动损伤的相关知识……
            </p>
          </div>
@@ -4156,7 +4165,6 @@
    <!-- 23 -->
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">

        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
@@ -4558,7 +4566,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr07')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr08" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -4570,7 +4578,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr07">
            <p class="block" id="qjdr08">
              在某市的半程马拉松上，一名跑者突然昏迷倒地，并且失去意识，幸好及时被两名从医的参赛选手发现，他们立即对该跑者进行了心肺复苏急救，昏迷的跑者渐渐恢复了呼吸和心跳。
            </p>
          </div>
@@ -4780,12 +4788,41 @@
              颈动脉位于喉结旁1～2厘米处。判断患者状态不能超10秒，进行心肺复苏的同时要寻求帮助。
            </p>
          </div>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../../image/0042-3.jpg" />
          </p>

          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../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>

          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">试一试
            <div class="bj1-xyx publicxbc">
              试一试
              <div class="icon" @click="activityXyx5">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
@@ -4808,35 +4845,64 @@
                发生气道异物梗阻时，患者会有如下表现：轻微或剧烈地咳嗽；单手或双手紧握喉部；不能咳嗽、说话或呼吸；吸气时发出尖锐的声音或粗糙的呼吸音；神情恐慌；口唇和皮肤青紫。如果阻塞物不能及时清除，患者会失去知觉。询问意识清楚的患者“你被噎住了吗？”对正确诊断非常重要。
              </p>
              <p class="xyx-fu-yy">（二）轻度气道异物梗阻的应对</p>
              <p>（1）确认患者有气道异物梗阻状况后，如症状较轻，可鼓励其用力咳嗽。</p>
              <p>（2）急救者站在患者身后，让患者身体前倾，左手支撑前胸，右手在两肩胛骨之间采用大力叩击5次，即背部叩击法</p>
              <p>
                （1）确认患者有气道异物梗阻状况后，如症状较轻，可鼓励其用力咳嗽。
              </p>
              <p>
                （2）急救者站在患者身后，让患者身体前倾，左手支撑前胸，右手在两肩胛骨之间采用大力叩击5次，即背部叩击法
              </p>
              <p class="xyx-fu-yy">（三）海姆立克急救法（也称腹部冲击法）</p>
              <p>（1）急救者帮助患者站起来，站在病人背后，用前腿弓、后退蹬的姿势站稳，用两手臂环绕病人的腰部。</p>
              <p>（2）定位：一手握空心拳，拳眼抵在患者剑突与肚脐中间（脐上两横指处）。</p>
              <p>（3）另一只手握住握拳手加以辅助，迅速向后上方快速有节奏地用力冲击5次。</p>
              <p>
                （1）急救者帮助患者站起来，站在病人背后，用前腿弓、后退蹬的姿势站稳，用两手臂环绕病人的腰部。
              </p>
              <p>
                （2）定位：一手握空心拳，拳眼抵在患者剑突与肚脐中间（脐上两横指处）。
              </p>
              <p>
                （3）另一只手握住握拳手加以辅助，迅速向后上方快速有节奏地用力冲击5次。
              </p>
              <p>（4）重复上述动作，直至将异物排出。</p>
              <p>注意：不要按压肋骨，以免导致骨折。也可采用背部叩击法和腹部冲击法交替进行，直至异物排出。</p>
              <p>如果患者意识丧失，没有呼吸，则不可使用海姆立克急救法。应将患者平放在地上，立即进行心肺复苏，同时拨打120，边抢救边等待救护车到来。</p>
              <p>
                注意：不要按压肋骨，以免导致骨折。也可采用背部叩击法和腹部冲击法交替进行，直至异物排出。
              </p>
              <p>
                如果患者意识丧失，没有呼吸，则不可使用海姆立克急救法。应将患者平放在地上，立即进行心肺复苏，同时拨打120，边抢救边等待救护车到来。
              </p>
              <p class="xyx-fu-yy">（四）自救方法</p>
              <p>方法1：如果自己发生气道异物梗阻而身边没有救助人员时，若呼吸尚好、能说话，可自行弯腰、用力咳嗽，力争将异物自行咳出。但不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。</p>
              <p>方法2：如果异物不能自行咳出，可采用自救腹部冲击法。本人可一手握空心拳，拳眼抵于脐上两横指处，另一手握住此拳快速向内向上冲压4~6次。可重复挤压，直至异物排出。</p>
              <p>方法3：还可运用椅背冲击法自救。趁清醒时立即将上腹部抵压在一块坚硬的物体边缘上，如椅背、桌缘、楼梯扶手等，连续快速向内、向上冲击挤压5次。可重复挤压，直至异物排出。</p>
              <p>
                方法1：如果自己发生气道异物梗阻而身边没有救助人员时，若呼吸尚好、能说话，可自行弯腰、用力咳嗽，力争将异物自行咳出。但不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。
              </p>
              <p>
                方法2：如果异物不能自行咳出，可采用自救腹部冲击法。本人可一手握空心拳，拳眼抵于脐上两横指处，另一手握住此拳快速向内向上冲压4~6次。可重复挤压，直至异物排出。
              </p>
              <p>
                方法3：还可运用椅背冲击法自救。趁清醒时立即将上腹部抵压在一块坚硬的物体边缘上，如椅背、桌缘、楼梯扶手等，连续快速向内、向上冲击挤压5次。可重复挤压，直至异物排出。
              </p>
              <div class="fl">
                <div class="fl fd-c al-c"><img class="w50" src="../../image/page29PDFOne.png" alt="">
                <div class="fl fd-c al-c">
                  <img class="w50" src="../../image/page29PDFOne.png" alt="" />
                  <span class="span-P">图1 自救腹部冲击法 </span>
                </div>
                <div class=" fl fd-c al-c"><img class="w56" src="../../image/page29PDFTwo.png" alt="">
                <div class="fl fd-c al-c">
                  <img class="w56" src="../../image/page29PDFTwo.png" alt="" />
                  <span class="span-P">图2 椅背冲击法</span>
                </div>
              </div>

              <p class="xyx-fu-yy">（五）气道异物梗阻的预防</p>
              <p>第一，避免吞咽过量或是体积过大的食物。</p>
              <p>第二，进食时避免谈话或大笑。</p>
              <p>第三，养成良好的饮食习惯，细嚼慢咽。</p>
              <p class="xyx-fu-yy">（六）气道异物梗阻施救的注意事项</p>
              <p>不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。一种方法无效时，应尽快换另一种方法，通常成功解除气道异物梗阻需要使用一种以上的方法。</p>
              <p>进行心肺复苏的抢救，施救者一定要接受过心肺复苏技能专业培训。</p>
              <p>气道异物梗阻一般发生突然，变化迅速，应在呼叫救护车的同时进行现场急救。</p>
              <p>
                不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。一种方法无效时，应尽快换另一种方法，通常成功解除气道异物梗阻需要使用一种以上的方法。
              </p>
              <p>
                进行心肺复苏的抢救，施救者一定要接受过心肺复苏技能专业培训。
              </p>
              <p>
                气道异物梗阻一般发生突然，变化迅速，应在呼叫救护车的同时进行现场急救。
              </p>
            </div>
          </div>
          <p>第三步，气道开放。</p>
@@ -4861,18 +4927,26 @@
              <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" />
              </p>
              <p class="img">图1-8-2 仰头抬颌法</p>
            </div>
            <div>
              <p class="center openImgBox">
                <img class="img-b" alt="" src="../../image/0042-2.jpg" />
              </p>
              <p class="img">图1-8-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 style="height: 160px" src="../../images/Unit1/p29/29-5.jpg" />
                    <p class="img">图1-8-2 仰头抬颌法</p>
                  </div>
                </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>
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
        </div>
@@ -4888,9 +4962,25 @@
        </div>
        <div class="bodystyle">
          <p>第四步，人工呼吸。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../image/0043-1.jpg" />
          </p>
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../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>
            气道通畅后应迅速进行口对口人工呼吸。患者仰卧，施救者一手托其下颌使头后仰，另一手捏其鼻孔并用手掌边缘压住其额头。吸气后对患者口内用力吹气（注意要将患者的嘴包严），然后放开鼻孔，待胸廓回缩呼气。连续吹气2次，每次吹气要见胸廓有明显起伏才表示有效。
@@ -4906,7 +4996,8 @@
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">试一试
              <div class="bj1-xyx publicxbc">
                试一试
                <div class="icon" @click="activityXyx6">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -4923,7 +5014,8 @@
                <div class="xyx-title">自动体外除颤器（AED）的使用</div>
                <p>
                  在商场、机场、学校、社区等地，我国已逐渐普及安装了除颤器。除颤器可以使因心室
                  颤动导致的心脏骤停患者的心律恢复正常。在心脏骤停后的黄金 4 分钟，应进行心肺复苏并
                  颤动导致的心脏骤停患者的心律恢复正常。在心脏骤停后的黄金 4
                  分钟，应进行心肺复苏并
                  尽早使用除颤器，这样可以大大提高心脏猝死患者的抢救成活率，给生命再创一线生机！
                </p>
                <p>
@@ -4936,41 +5028,39 @@
                  同时，周围的人尽快取来除颤器。使用时，按照语音提示，贴好电极片，除颤器自动分析，
                  自动充电，然后按下放电开关，就完成了电除颤。使用除颤器可以大幅度提高抢救成功率！
                </p>
                <p class="xyx-fu-yy">使用心脏复苏术和自动体外除颤器的注意事项</p>
                <p>
                  1. 心脏骤停是导致猝死的主要原因，心脏骤停 4 分钟后，脑组织将发生不可逆的损害。
                  所以心脏骤停后的 4 分钟被称为黄金 4 分钟。心肺复苏术是抢救心脏骤停的最有效方法。黄
                  金 4 分钟，抢救越早，成功率越高。
                <p class="xyx-fu-yy">
                  使用心脏复苏术和自动体外除颤器的注意事项
                </p>
                <p>
                  2. 最新的心肺复苏指南建议，对于专业人士提倡口对口人工呼吸，可进一步提高心肺复
                  1. 心脏骤停是导致猝死的主要原因，心脏骤停 4
                  分钟后，脑组织将发生不可逆的损害。 所以心脏骤停后的 4
                  分钟被称为黄金 4
                  分钟。心肺复苏术是抢救心脏骤停的最有效方法。黄 金 4
                  分钟，抢救越早，成功率越高。
                </p>
                <p>
                  2.
                  最新的心肺复苏指南建议，对于专业人士提倡口对口人工呼吸，可进一步提高心肺复
                  苏的质量和成功率。对于非专业人士，持续胸外按压即可，无需口对口人工呼吸。
                </p>
                <p>
                  3. 并不是所有晕倒患者均可实施心肺复苏，如癫痫、晕厥、昏迷患者虽然意识丧失，但
                  3.
                  并不是所有晕倒患者均可实施心肺复苏，如癫痫、晕厥、昏迷患者虽然意识丧失，但
                  呼吸仍然存在，所以不是心脏骤停，不能进行心肺复苏。
                </p>
                <p>
                  4.胸外心脏按压的位置必须准确。不准确容易损伤其他脏器。按压的力度要适宜，过大过猛容易使胸骨骨折，引起气胸、血胸；按压的力度过轻，胸腔压力小，不足以推动血液循环。
                </p>
                <p>
                  5.在实施心肺复苏时首先一定要做好自我防护。
                </p>
                <p>
                  6.在使用除颤器（AED）的时候一定要注意现场安全。
                </p>
                <p>
                  7.AED使用流程：
                </p>
                <p>5.在实施心肺复苏时首先一定要做好自我防护。</p>
                <p>6.在使用除颤器（AED）的时候一定要注意现场安全。</p>
                <p>7.AED使用流程：</p>
                <p>
                  （1）开启AED。打开AED的盖子，依据视觉和声音的提示操作（有些型号需要先按下电源）。
                </p>
                <p>
                  （2）安放电极片。充分暴露患者的前胸。两块电极板分别贴在右胸上部和左胸左乳头外侧，具体位置可以参考AED机壳上的图样和电极板上的图片说明。注意：若患者出汗较多，应该事先用衣服或者毛巾擦干皮肤。若患者胸毛较多，可以用力压紧电极片，若无效，应剔除胸毛后再粘贴电极片。
                </p>
                <p>
                  （3）将电极板插头插入AED主机插孔。
                </p>
                <p>（3）将电极板插头插入AED主机插孔。</p>
                <p>
                  （4）分析心率。按下“分析”键，AED将会开始分析心率。分析完毕后，如果AED
                  分析得出病人处于室颤状态，将会发出是否进行除颤的建议。当有除颤指征时，不要与患者接触，同时告诉附近所有人远离患者，由操作者按下“放电”键除颤。
@@ -4984,12 +5074,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>
@@ -5019,7 +5112,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr08')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr09" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -5031,7 +5124,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr08">
            <p class="block" id="qjdr09">
              某单位集体食堂午餐时，有十余人出现腹泻、头晕等不适症状，该单位及时将这些人送往医院治疗。卫生部门经检查，认为是青条鱼未充分煮熟导致的食物中毒。
            </p>
          </div>
@@ -5043,7 +5136,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <div class="bj1-xyx publicxbc">
                学一学
                <div class="icon" @click="activityXyx7">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5073,7 +5167,7 @@
                  地震中最危险的做法，是在晃动最为强烈的时候，试图强行逃出房屋或返回房屋试图抢救同伴及某些物品，这会加大被坠落物体砸伤的概率。
                </p>
                <p class="fl fd-c al-c openImgBox">
                  <img class="img-b" src="../../image/page31PDFOne.png" alt="">
                  <img class="img-b" src="../../image/page31PDFOne.png" alt="" />
                  <span class="span-P">图1 地震活命三角区</span>
                </p>
                <p class="xyx-fu-yy">（二）身处各类场所的避险与逃生方法</p>
@@ -5208,7 +5302,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <div class="bj1-xyx publicxbc">
                学一学
                <div class="icon" @click="activityXyx8">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5245,7 +5340,8 @@
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx9">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5259,7 +5355,9 @@
                请同学们学习“提高网络安全事故应对能力，远离网络伤害”的相关知识，并分享自己的心得体会。
              </div>
              <div class="xyx-text" v-if="chapter001.isShowXyx09">
                <div class="xyx-title">提高网络安全事故应对能力，远离网络伤害</div>
                <div class="xyx-title">
                  提高网络安全事故应对能力，远离网络伤害
                </div>
                <p>
                  随着互联网应用的普及，互联网给我们的学习、生活带来了巨大的改变，同时其安全问题也日益凸显。我们要树立网络安全意识，正确地使用网络，远离网络伤害。
                </p>
@@ -5275,13 +5373,19 @@
                <p>
                  同学们应从思想上确立“有利、有度、有序、有节”的网络使用观念，养成良好的上网习惯。
                </p>
                <p>有利，即对我们自身健康成长有利，避免登录和浏览不良、危害身心健康的网站。</p>
                <p>有度，即遵守国家和学校关于使用网络的法律、规章、制度，不上非法网站。</p>
                <p>
                  有利，即对我们自身健康成长有利，避免登录和浏览不良、危害身心健康的网站。
                </p>
                <p>
                  有度，即遵守国家和学校关于使用网络的法律、规章、制度，不上非法网站。
                </p>
                <p>
                  有序，即上网要有计划、有目的，所有的网络行为应围绕一定的目的进行，避免沉迷网络，无法自拔。
                </p>
                <p>
                  有节，即上网时间和浏览内容要有节制，一般每次上网时间不超过 1 小时，每天不超过2 小时。要自觉用理性自律去抗拒诱惑，避免形成依赖性。
                  有节，即上网时间和浏览内容要有节制，一般每次上网时间不超过 1
                  小时，每天不超过2
                  小时。要自觉用理性自律去抗拒诱惑，避免形成依赖性。
                </p>
                <p class="xyx-fu-yy">（二）避免遭遇网络诈骗</p>
                <p>
@@ -5307,7 +5411,9 @@
                <p>
                  要对网络信息的真实性进行辨别，不传播真实性存疑的信息。不传播网络中的不正当言论，特别是违反中职学生行为规范甚至触犯法律的内容。
                </p>
                <p class="xyx-fu-ss">6.不随便与网友见面，以免发生人身安全事故</p>
                <p class="xyx-fu-ss">
                  6.不随便与网友见面，以免发生人身安全事故
                </p>
                <p>
                  网络交友存在诸多不确定因素，具有一定的风险，因此要提高警惕，不随便与网友见面，必须见面时应该有父母或亲人的陪同，以免发生人身安全事故。
                </p>
@@ -5500,7 +5606,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr09')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr010" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
@@ -5512,7 +5618,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr09">
            <p class="block" id="qjdr010">
              小婷是一名中职学生，身高183厘米，中国女排前主教练郎平是她的榜样。她从小最大的愿望是进入理想的大学当一名排球运动员，甚至梦想穿上国家队的球衣为国争光。可伤病让她一次次与梦想失之交臂，所以她常常感到失落与迷茫。中国女排顽强拼搏、永不言败的精神让她重新振作起来。她相信阳光总在风雨后……后来她收到了她梦想中的大学的录取通知书。
            </p>
          </div>
@@ -5551,7 +5657,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <div class="bj1-xyx publicxbc">
                学一学
                <div class="icon" @click="activityXyx9">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5566,8 +5673,10 @@
              </div>
              <div class="xyx-text" v-if="chapter001.isShowXyx09">
                <div class="xyx-title">奥林匹克“五环”的演变历程</div>
                <p>奥林匹克标志由皮埃尔•德•顾拜旦先生于1913年构思设计，是由《奥林匹克宪章》确定的，也被称为奥运五环标志。它由5个奥林匹克环套接组成，有蓝、黄、黑、绿、红5
                  种颜色。环从左到右互相套接，上面是蓝、黑、红环，下面是黄、绿环。</p>
                <p>
                  奥林匹克标志由皮埃尔•德•顾拜旦先生于1913年构思设计，是由《奥林匹克宪章》确定的，也被称为奥运五环标志。它由5个奥林匹克环套接组成，有蓝、黄、黑、绿、红5
                  种颜色。环从左到右互相套接，上面是蓝、黑、红环，下面是黄、绿环。
                </p>
                <p>
                  1914年在巴黎召开的庆祝奥运会复兴20周年的奥林匹克全会上，顾拜旦解释了他对标志的设计思想：“五环——蓝、黄、绿、红和黑环，象征世界上承认奥林匹克运动，并准备参加奥林匹克竞赛的五大洲（蓝色代表欧洲，黄色代表亚洲，黑色代表非洲，绿色代表大洋洲，红色代表美洲），第六种颜色白色——旗帜的底色，意指所有国家都毫无例外地能在自己的旗帜下参加比赛。”因此，作为奥运会象征，相互环扣在一起的5个圆环体现了顾拜旦提出的可以吸收殖民地民族参加奥运会、为各民族间的和平事业服务的思想。
                </p>
@@ -5575,14 +5684,15 @@
                  随着时间的推移和奥林匹克运动的发展变化，对奥林匹克标志的阐释也出现了变化。根据1991年的《奥林匹克宪章》“奥林匹克标志”词条的附则补充解释，奥林匹克旗和五环的含义不仅象征五大洲的团结，而且强调所有参赛运动员应以公正、坦诚的运动员精神在比赛场上相见。
                </p>
                <p>
                  <img class="img-b" src="../../image/page37PDFOne.png" alt="">
                  <img class="img-b" src="../../image/page37PDFOne.png" alt="" />
                </p>
              </div>
            </div>
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <div class="bj1-xyx publicxbc">
                学一学
                <div class="icon" @click="activityXyx10">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5592,9 +5702,7 @@
                </div>
              </div>
              <br />
              <div class="public-tips">
                请同学们学习“兴奋剂及其危害”。
              </div>
              <div class="public-tips">请同学们学习“兴奋剂及其危害”。</div>
              <div class="xyx-text" v-if="chapter001.isShowXyx10">
                <div class="xyx-title">兴奋剂及其危害</div>
                <p>
@@ -5639,10 +5747,13 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <p style="text-indent:0%">冬奥会。北京冬奥会、冬残奥会的成功举办，青年一代更加积极向上，全党全国各族人民文化自信明显增强、精神面貌更加奋发昂扬。</p>
          <p style="text-indent: 0%">
            冬奥会。北京冬奥会、冬残奥会的成功举办，青年一代更加积极向上，全党全国各族人民文化自信明显增强、精神面貌更加奋发昂扬。
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx10">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5669,7 +5780,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx11">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5698,150 +5810,90 @@
                    <tbody>
                      <tr>
                        <td style="text-align: left">首夺世界杯冠军</td>
                        <td>
                          1981年
                        </td>
                        <td>
                          1981年
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1981年</td>
                        <td>1981年</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          张蓉芳、郎平、梁艳、孙晋芳、周晓兰、陈招娣、周鹿敏、杨希、朱玲、陈亚琼、曹慧英、张洁云
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">首捧世锦赛冠军</td>
                        <td>
                          1982年
                        </td>
                        <td>
                          秘鲁
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1982年</td>
                        <td>秘鲁</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          孙晋芳、郎平、曹慧英、杨希、周晓兰、杨锡兰、陈亚琼、姜英、陈招娣、郑美珠、张蓉芳
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">首摘奥运金牌</td>
                        <td>
                          1984年
                        </td>
                        <td>
                          美国
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1984年</td>
                        <td>美国</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          郎平、张蓉芳、杨锡兰、梁艳、杨晓君、郑美珠、姜英、侯玉珠、苏惠娟、李延军、周晓兰、朱玲
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">蝉联世界杯冠军</td>
                        <td>
                          1985年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1985年</td>
                        <td>日本</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          郎平、梁艳、杨锡兰、郑美珠、杨晓君、苏惠娟、巫丹、殷勤、侯玉珠、姜英、李延军、林国清
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">蝉联世锦赛冠军</td>
                        <td>
                          1986年
                        </td>
                        <td>
                          捷克斯洛伐克
                        </td>
                        <td>
                          张蓉芳
                        </td>
                        <td>1986年</td>
                        <td>捷克斯洛伐克</td>
                        <td>张蓉芳</td>
                        <td style="text-align: left">
                          杨晓君、郑美珠、侯玉珠、梁艳、巫丹、姜英、杨锡兰、殷勤、李延军、苏惠娟、刘玮、胡小凤
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">17年后重夺世界杯冠军</td>
                        <td>
                          2003年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          陈忠和
                        </td>
                        <td>2003年</td>
                        <td>日本</td>
                        <td>陈忠和</td>
                        <td style="text-align: left">
                          冯坤、杨昊、王丽娜、张越红、陈静、张萍、宋妮娜、李珊、周苏红、赵蕊蕊、刘亚男、张娜
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">20年后再圆奥运冠军梦</td>
                        <td>
                          2004年
                        </td>
                        <td>
                          希腊
                        </td>
                        <td>
                          陈忠和
                        </td>
                        <td>2004年</td>
                        <td>希腊</td>
                        <td>陈忠和</td>
                        <td style="text-align: left">
                          冯坤、杨昊、王丽娜、张越红、陈静、张萍、宋妮娜、李珊、周苏红、赵蕊蕊、刘亚男、张娜
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">四夺世界杯冠军</td>
                        <td>
                          2015年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2015年</td>
                        <td>日本</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、张常宁、袁心玥、沈静思、杨珺菁、魏秋月、曾春蕾、张晓雅、林莉、丁霞、颜妮、王梦洁、刘晏含、刘晓彤
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">三夺奥运会冠军</td>
                        <td>
                          2016年
                        </td>
                        <td>
                          巴西
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2016年</td>
                        <td>巴西</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、惠若琪、张常宁、袁心玥、杨方旭、龚翔宇、刘晓彤、徐云丽、林莉、丁霞、颜妮、魏秋月
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">五夺世界杯冠军</td>
                        <td>
                          2019年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2019年</td>
                        <td>日本</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、张常宁、刘晓彤、李盈莹、刘晏含、袁心玥、杨涵玉、王媛媛、郑益昕、颜妮、龚翔宇、曾春蕾、姚迪、丁霞、林莉、王梦洁
                        </td>
@@ -5865,9 +5917,7 @@
          <p>
            习近平总书记指出：“体育是提高人民健康水平的重要途径，是满足人民群众对美好生活向往、促进人的全面发展的重要手段，是促进经济社会发展的重要动力，是展示国家文化软实力的重要平台”；“体育承载着国家强盛、民族振兴的梦想，体育强则中国强，国运兴则体育兴”；强调体育强国建设“以人民为中心，通过全民健身实现全民健康”；认为发展体育事业“能为中华民族伟大复兴提供凝心聚气的强大精神力量”，我们要“弘扬中华体育精神，弘扬体育道德风尚”，等等。
          </p>
          <p>
            从“体育救国”到“健康中国”，从体育的层面体现出我国在党的
          </p>
          <p>从“体育救国”到“健康中国”，从体育的层面体现出我国在党的</p>
        </div>
      </div>
    </div>
@@ -5882,10 +5932,13 @@
          <span class="sub-page">039</span>
        </div>
        <div class="bodystyle">
          <p style="text-indent:0%">几代领导集体的带领下，在几代中国人民的勤劳奋斗下，步入社会主义新时代，开启中华民族伟大复兴的新篇章。</p>
          <p style="text-indent: 0%">
            几代领导集体的带领下，在几代中国人民的勤劳奋斗下，步入社会主义新时代，开启中华民族伟大复兴的新篇章。
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx12">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5901,20 +5954,25 @@
              <div class="xyx-text" v-if="chapter001.isShowXyx12">
                <div class="xyx-title">中华体育精神符号</div>
                <p>
                  20世纪50 年代，容国团以“人生能有几回搏”的昂扬斗志夺取了中国乒乓球有史以来的第一个世界冠军。
                  20世纪50
                  年代，容国团以“人生能有几回搏”的昂扬斗志夺取了中国乒乓球有史以来的第一个世界冠军。
                </p>
                <p>
                  20世纪60 年代，登山队攀珠穆朗玛峰的英雄主义行为作为“精神原子弹”，为中华民族提供了“吓不倒、压不垮”的精神支撑。
                  20世纪60
                  年代，登山队攀珠穆朗玛峰的英雄主义行为作为“精神原子弹”，为中华民族提供了“吓不倒、压不垮”的精神支撑。
                </p>
                <p>
                  20世纪70 年代，足球队的“志行风格”深得人们赞誉。
                </p>
                <p>20世纪70 年代，足球队的“志行风格”深得人们赞誉。</p>
                <p>
                  20世纪80
                  年代，跳水队“冲出亚洲，走向世界”的胆识气魄、羽毛球队卫冕成功的奋斗精神、中日擂台赛上“聂旋风”的敢打敢拼、“体操王子”向世界难度发起的有力冲击、中国奥运军团在洛杉矶“零的突破”，都经典地诠释了中华体育精神。男排世界杯亚洲区预选赛决赛中，中国队艰难战胜韩国队，北大学子们欢呼，“团结起来，振兴中华”的口号响彻整个燕园。在那个改革开放大幕初启、中国奋力追赶世界的时代，“团结起来，振兴中华”如同一面旗帜，鼓舞着整个中国社会投身改革、激荡梦想。
                </p>
                <p>20世纪90 年代，在“乒坛奇才”邓亚萍、“体坛尖兵”叶乔波、“铿锵玫瑰”女足身上都强力映射出中华体育精神。</p>
                <p>进入21世纪，悉尼奥运会上熊倪顶住压力一个动作一个动作地咬牙去跳，雅典奥运会上刘翔充满自信、敢于胜利地跨越，都灵冬奥会上张丹在高抛受伤后用坚强的意志演绎“龙的传人”……</p>
                <p>
                  20世纪90
                  年代，在“乒坛奇才”邓亚萍、“体坛尖兵”叶乔波、“铿锵玫瑰”女足身上都强力映射出中华体育精神。
                </p>
                <p>
                  进入21世纪，悉尼奥运会上熊倪顶住压力一个动作一个动作地咬牙去跳，雅典奥运会上刘翔充满自信、敢于胜利地跨越，都灵冬奥会上张丹在高抛受伤后用坚强的意志演绎“龙的传人”……
                </p>
                <p>
                  “女排精神”“乒乓精神”是中华体育精神在女子排球和乒乓球中的高度凝练和集中体现，并衍生出强大的民族凝聚力，影响至各个行业领域。正如马克思所言：“任何真正的哲学都是自己时代精神的精华。”女排精神、乒乓精神已成为一个时代的精神印记，它既是中华体育精神的重要组成部分，也是奥林匹克精神的高度体现。
                </p>
@@ -5940,7 +5998,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx13">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -6009,50 +6068,42 @@
          <p class="block">10.尊敬体育教师，尊重体育器材保管员。</p>
          <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>
            <p class="block">
              1.我认为体育精神是<input @change="changeAssess02($event, 'text1')" maxlength="500"
                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.请收集重要赛事中运动员使用兴奋剂的案例，并和同学交流其危害，说一说这些案例对自己日常生活的启示。
            </p>
            <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",
  name: 'chapter-01',
  props: {
    showPageList: {
      type: Array,
@@ -6065,8 +6116,14 @@
      default: false,
    },
  },
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
@@ -6091,9 +6148,9 @@
        score4: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
          text6: "和同学一起跑，很开心，感觉没那么累了",
          text10: "下雨，明天补上",
          text2: '第一次跑，感觉有点儿累，很枯燥',
          text6: '和同学一起跑，很开心，感觉没那么累了',
          text10: '下雨，明天补上',
        },
        tablebyb1: {},
        tablecyc2: {},
@@ -6106,221 +6163,210 @@
        tkItem04: {},
        pdfMd5: {
          1: {
            md5: "45ade398c952acadcf1445c1e190f783",
            name: "常见食品标志的类型及含义",
            md5: '45ade398c952acadcf1445c1e190f783',
            name: '常见食品标志的类型及含义',
          },
          2: {
            md5: "b8f5ea0618a5a5566ea5cbd9519361d2",
            name: "食物中毒的处理要点",
            md5: 'b8f5ea0618a5a5566ea5cbd9519361d2',
            name: '食物中毒的处理要点',
          },
          3: {
            md5: "fd94cdaff83ca9b205a31895f7ef3617",
            name: "挑选散装食品的注意事项",
          }
            md5: 'fd94cdaff83ca9b205a31895f7ef3617',
            name: '挑选散装食品的注意事项',
          },
        },
      },
    };
    }
  },
  created() {

    const localData = JSON.parse(localStorage.getItem("chapter001"));

    // console.log(localData);
    // debugger
    const localData = JSON.parse(localStorage.getItem('chapter001'))
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
      this.chapter001 = { ...Object.assign(this.chapter001, localData) }
    }
  },
  methods: {
    readText(val) {
      const textContent = (
        this.container ? this.container : document
      ).getElementById(val);
      const data = {
        type: "readText",
        data: textContent.innerText,
      };
      console.log(data.data);
      this.$emit("eventPublic", data);
    },
    // readText(val) {
    //   const textContent = (
    //     this.container ? this.container : document
    //   ).getElementById(val);
    //   const data = {
    //     type: "readText",
    //     data: textContent.innerText,
    //   };
    //   console.log(data.data);

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

        // 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;
      this.chapter001.isShowXyx01 = !this.chapter001.isShowXyx01
    },
    activityXyx2() {
      this.chapter001.isShowXyx02 = !this.chapter001.isShowXyx02;
      this.chapter001.isShowXyx02 = !this.chapter001.isShowXyx02
    },
    activityXyx3() {
      this.chapter001.isShowXyx03 = !this.chapter001.isShowXyx03;
      this.chapter001.isShowXyx03 = !this.chapter001.isShowXyx03
    },
    activityXyx4() {
      this.chapter001.isShowXyx04 = !this.chapter001.isShowXyx04;
      this.chapter001.isShowXyx04 = !this.chapter001.isShowXyx04
    },
    activityXyx5() {
      this.chapter001.isShowXyx05 = !this.chapter001.isShowXyx05;
      this.chapter001.isShowXyx05 = !this.chapter001.isShowXyx05
    },
    activityXyx6() {
      this.chapter001.isShowXyx06 = !this.chapter001.isShowXyx06;
      this.chapter001.isShowXyx06 = !this.chapter001.isShowXyx06
    },
    activityXyx7() {
      this.chapter001.isShowXyx07 = !this.chapter001.isShowXyx07;
      this.chapter001.isShowXyx07 = !this.chapter001.isShowXyx07
    },
    activityXyx8() {
      this.chapter001.isShowXyx08 = !this.chapter001.isShowXyx08;
      this.chapter001.isShowXyx08 = !this.chapter001.isShowXyx08
    },
    activityXyx9() {
      this.chapter001.isShowXyx09 = !this.chapter001.isShowXyx09;
      this.chapter001.isShowXyx09 = !this.chapter001.isShowXyx09
    },
    activityXyx10() {
      this.chapter001.isShowXyx10 = !this.chapter001.isShowXyx10;
      this.chapter001.isShowXyx10 = !this.chapter001.isShowXyx10
    },
    activityXyx11() {
      this.chapter001.isShowXyx11 = !this.chapter001.isShowXyx11;
      this.chapter001.isShowXyx11 = !this.chapter001.isShowXyx11
    },
    activityXyx12() {

      this.chapter001.isShowXyx12 = !this.chapter001.isShowXyx12;
      this.chapter001.isShowXyx12 = !this.chapter001.isShowXyx12
    },
    activityXyx13() {
      this.chapter001.isShowXyx13 = !this.chapter001.isShowXyx13;
      this.chapter001.isShowXyx13 = !this.chapter001.isShowXyx13
    },
    submit(val) {
      if (val == 1) this.isShowScore1 = true;
      if (val == 2) this.isShowScore2 = true;
      if (val == 3) this.isShowScore3 = true;
      if (val == 4) this.isShowScore4 = true;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      if (val == 1) this.isShowScore1 = true
      if (val == 2) this.isShowScore2 = true
      if (val == 3) this.isShowScore3 = true
      if (val == 4) this.isShowScore4 = true
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter001"));
      const localData = JSON.parse(localStorage.getItem('chapter001'))
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};
        this.isShowScore1 = false;
        localData.score1 = 0;
        if (val == 2) localData.tablecyc2 = {};
        this.isShowScore2 = false;
        localData.score2 = 0;
        if (val == 3) localData.tablecyc3 = {};
        this.isShowScore3 = false;
        localData.score3 = 0;
        if (val == 4) localData.tablecyc4 = {};
        this.isShowScore4 = false;
        localData.score4 = 0;
        this.chapter001 = { ...Object.assign(this.chapter001, localData) };
        if (val == 1) localData.tablexyx1 = {}
        this.isShowScore1 = false
        localData.score1 = 0
        if (val == 2) localData.tablecyc2 = {}
        this.isShowScore2 = false
        localData.score2 = 0
        if (val == 3) localData.tablecyc3 = {}
        this.isShowScore3 = false
        localData.score3 = 0
        if (val == 4) localData.tablecyc4 = {}
        this.isShowScore4 = false
        localData.score4 = 0
        this.chapter001 = { ...Object.assign(this.chapter001, localData) }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeBox(e, val) {
      this.isShowScore1 = false;
      this.chapter001.tablexyx1[val] = e.target.checked;
      this.isShowScore1 = false
      this.chapter001.tablexyx1[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score1 += Number(e.target.value);
        this.chapter001.score1 += Number(e.target.value)
      } else {
        if (this.chapter001.score1 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score1 -= Number(e.target.value);
          this.chapter001.score1 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "chapter001",
        JSON.stringify(this.chapter001)
      );
      console.log('保存')
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeByb(e, val) {
      this.chapter001.tablebyb1[val] = e.target.checked;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablebyb1[val] = e.target.checked
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc2(e, val) {
      this.isShowScore2 = false;
      this.chapter001.tablecyc2[val] = e.target.checked;
      this.isShowScore2 = false
      this.chapter001.tablecyc2[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score2 += Number(e.target.value);
        this.chapter001.score2 += Number(e.target.value)
      } else {
        if (this.chapter001.score2 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score2 -= Number(e.target.value);
          this.chapter001.score2 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc3(e, val) {
      this.isShowScore3 = false;
      this.chapter001.tablecyc3[val] = e.target.checked;
      this.isShowScore3 = false
      this.chapter001.tablecyc3[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score3 += Number(e.target.value);
        this.chapter001.score3 += Number(e.target.value)
      } else {
        if (this.chapter001.score3 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score3 -= Number(e.target.value);
          this.chapter001.score3 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc4(e, val, type) {
      this.isShowScore4 = false;
      this.chapter001.tablecyc4[val] = e.target.checked;
      if (e.target.checked && type != "isReverse") {
        this.chapter001.score4 += Number(e.target.value);
      } else if (e.target.checked && type == "isReverse") {
        let s = 5 - Number(e.target.value);
        this.chapter001.score4 += s;
      this.isShowScore4 = false
      this.chapter001.tablecyc4[val] = e.target.checked
      if (e.target.checked && type != 'isReverse') {
        this.chapter001.score4 += Number(e.target.value)
      } else if (e.target.checked && type == 'isReverse') {
        let s = 5 - Number(e.target.value)
        this.chapter001.score4 += s
      } else {
        if (this.chapter001.score4 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score4 -= Number(e.target.value);
          this.chapter001.score4 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc5(e, val) {
      this.chapter001.tablecyc5[val] = e.target.checked;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablecyc5[val] = e.target.checked
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeAssess(e, val) {
      this.chapter001.tkItem01[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tkItem01[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeAssess02(e, val) {
      this.chapter001.tkItem02[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tkItem02[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeFinish(e, val) {
      this.chapter001.tablexyx02[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablexyx02[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
  },
};
}
</script>
<style lang="less" scoped>
b {
  color: #F79447;
  color: #f79447;
}
</style>

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

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v13.md5, "v13");
@@ -2261,16 +2688,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 +2703,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 +2719,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 +2736,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 +2894,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

@@ -63,6 +63,7 @@
      </div>
    </div>
    <!-- 65 -->

    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <div class="header-odd">
@@ -97,10 +98,10 @@
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">学一学</div>

            <p>
              请同学们上网搜索“友谊 第一，比赛第二”的相关 资料，了解这一体育精神
              的由来，领会毛泽东关于 体育与比赛的思想精髓。
              <textarea rows="8" v-model="chapter003.textBybItem1" @change="setBookQuestion"></textarea>
            </p>
          </div>

@@ -583,7 +584,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 +616,30 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-6 体侧传球
            </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/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>

          <p style="margin-right: 50px">
            （1）动作要领
            双手持球于胸前，传球时（以右手传球为例），右脚向右跨出半步，同时将球移至右手并引到右侧，右手拇指朝上，掌心朝前，手腕后屈；出球时，前臂向前做弧线摆动，当摆过右侧前方的时候，迅速收臂，手腕前屈，用食指、中指的力量拨球，将球传出。
@@ -640,12 +659,30 @@
            </p>
          </div>
          <p class="zt-cs">2.体前变向换手运球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0082-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-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/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>

          <p>
            （1）动作要领
            以从防守队员右侧突破为例，变向时，用右手按拍球的右侧上方，使球经自己的体前向左侧前方反弹，同时右脚向左前方跨出，上体左转侧肩，用肩、腿保护球，接着迅速换左手按拍球的后上方，加速运球超越对手。
@@ -708,13 +745,28 @@

          <p class="zt-cs">4.交叉步持球突破</p>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0083-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-9 交叉步持球突破
            </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/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>
          <p>
            （1）动作要领
            以右脚做中枢脚为例，突破时，左脚向左前方跨出半步，做向左突破的假动作，当对手身体重心向右移动时，左脚前脚掌内侧用力蹬地，迅速向右侧前方跨出一大步，同时上体右转探肩，重心前移，将球引于右侧，在右脚离地前，用右手立即将球拍至左脚右侧前方，并加速超越对手。
@@ -929,13 +981,28 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-11 体前变向不换手运球
            </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/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>
          <p>
            （1）动作要领
            运球队员从对手左侧突破时，先将球从身体右侧拨至体前的中间位置，上体也随着向左侧晃动。当对手向左侧移动堵截时，运球队员突然将球拨回右侧，左脚向右侧跨出，同时右手运球加速前进。
@@ -1387,12 +1454,14 @@
          </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 +1506,34 @@

          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-1 脚背外侧运球
            </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/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>
          <span>
            （1）动作要领
            <p>
@@ -1472,13 +1562,28 @@
          </div>
          <p class="zt-cs">2.脚内侧踢球</p>

          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0089-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-2 脚内侧踢球
            </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/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>
          <span>
            （1）动作要领
            <p>
@@ -1524,12 +1629,30 @@
          </span>

          <p class="zt-cs">3. 脚内侧接球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0090-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-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/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>

          <span>
            （1）动作要领

@@ -1729,12 +1852,28 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-2-6 脚背正面踢球
            </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/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>
          <span>
            （1）动作要领
            <p>
@@ -1762,12 +1901,30 @@
          </div>

          <p class="zt-cs">2. 脚背内侧踢球</p>
          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0092-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-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/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>

          <span>
            （1）动作要领
            <p>
@@ -1780,12 +1937,30 @@
            <p>同“脚背正面踢球”。</p>
          </span>
          <p class="zt-cs">3. 脚背正面接球</p>
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0092-3.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-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/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>

          <span>
            （1）动作要领
            <p>
@@ -1945,12 +2120,34 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-11  头顶球
            </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/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>

          <span>
            <div class="smallTitle">（1）动作要领</div>

@@ -1969,12 +2166,33 @@

          <p class="zt-cs">2. 脚背外侧踢球</p>

          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0094-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-2-12  脚背外侧踢球
            </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/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>

          <span>
            （1）动作要领
@@ -2874,12 +3092,29 @@
        <div class="bodystyle">
          <p class="zt-ls" style="">（一）单项技术学练</p>

          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0103-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-3-9  拦网
            </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/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>

          <p class="zt-cs">拦网</p>
          <p>
            拦网按人数分为单人拦网、集体拦网。集体拦网的技术动作
@@ -3293,12 +3528,29 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-1  正手握拍
            </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/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>

          <span>
            （1）动作要领（以右手持拍为例，下同）
            <div class="subsectionContent">
@@ -3358,12 +3610,33 @@
        <div class="bodystyle">
          <span> 宽面上，中指、无名指和小指并拢握住拍柄。 </span>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0108-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-2  反手握拍
            </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/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 style="text-indent: 2em">
            （2）学练建议
@@ -3375,13 +3648,38 @@
            后，突然改变方向，垂直下落至端线附近的一种发球方式。
          </p>

          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0108-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-3  正手发高远球
            </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/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>
          <span>
            （1）动作要领
            <div class="subsectionContent">
@@ -3449,12 +3747,39 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0109-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-4  正手击高远球
            </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/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>

          <p class="zt-cs">4. 正手击高远球</p>
          <p>
            正手击高远球是把球打得既高又远，使
@@ -3547,18 +3872,61 @@
            脚后面超越的为后交叉步。适用于上网和后退。
          </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" />
            <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-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>
          <div class="img-rights openImgBox" style="margin-right: 20px">
            <img class="img-c" alt="" src="../../image/0110-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-6  交叉步
            </p>
          <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>

                <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 style="text-indent: 2em; margin-top: 95px">
            <p>（2）学练建议</p>
@@ -3626,6 +3994,22 @@
            </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 +4170,34 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-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/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>

          <p>
            正手挑球是用正手握拍，以正拍面把对
            方击来的网前球从球网的下端较低位置由低
@@ -3865,12 +4271,28 @@
            在尽可能高的击球点全力将球从高处向对方场区扣压的击球方式。
          </p>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0112-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-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/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>

          <span>
            （1）动作要领
@@ -4237,12 +4659,28 @@
          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-9  正手吊球
            </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/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>

          <p>
            在后场区用正手握拍，以正拍面将对方打来的后场球还击到
@@ -4293,12 +4731,28 @@
            正手握拍，在中场或后场把对方击来的低于肩高的球回击到 对方底线场区。
          </p>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0115-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-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/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>

          <span>
            （1）动作要领
@@ -4330,12 +4784,28 @@
            </div>
          </div>

          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0115-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-4-11  正手勾对角球
            </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/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>

          <p class="zt-cs">3. 正手勾对角球</p>
          <p>
@@ -4928,7 +5398,7 @@
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(3)">3 模块一（一）单项技术学练 平击发球.pdf</span>
                <span @click="toUrl(111)">3 模块一（一）单项技术学练 平击发球.pdf</span>
              </div>
            </div>
          </div>
@@ -4995,7 +5465,6 @@
                <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 +5483,9 @@
            </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 +5526,9 @@
              <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 +5556,6 @@
        <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 +5577,23 @@
            <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 +5611,22 @@
          <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>
@@ -5169,7 +5655,7 @@
                    <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(6)">6 模块二（一）单项技术学练 正手快带.pdf</span>
                  </svg> </span><span @click="toUrl(112)">6 模块二（一）单项技术学练 正手快带.pdf</span>
              </div>
              <div class="pdf-item">
                <span>
@@ -5226,7 +5712,9 @@
              <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 +5756,9 @@
              <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 +5944,9 @@
              <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 +6007,9 @@
              <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 +6114,75 @@
          <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 +6473,28 @@
          </p>
          <p>在学习所有动作之前，我们需要先学会如何握拍。</p>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0128-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-1  握拍
            </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/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>

          <span>将球拍握柄8个面顺时针排序，以手掌两个标记点连线对应不同的面区别不同的握拍方式。正手握拍方式为：大陆式握拍对应2号面（发球、截击），东方式握拍对应3号面，半西方式握拍对应4号面，西方式握拍对应5号面（使用较少）。双手反手握拍一般为持拍手对应1号面，非持拍手根据习惯对应3或4号面；单手反手（单反）握拍一般对应1号面。</span>

@@ -6037,7 +6610,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 +6618,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 +6779,28 @@
        </div>

        <div class="bodystyle">
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0132-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-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/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 class="subsectionContent">
            （1）动作要领
@@ -6290,10 +6879,7 @@
          </span>
          <div class="bk-xyx" style="margin-top: 30px">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
              当 来 球 过 高 过 远 时， 需调整战略，快速向 后移动使用其他方式
              击球。
            </p>
            <p>当来球过高过远时需调整战略，快速向后移动使用其他方式击球。</p>
          </div>
        </div>
      </div>
@@ -6375,21 +6961,27 @@
            </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="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit3/p120/120-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </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>

          <p class="zt-ls" style="margin-top: 200px">（三）组合技能练习</p>
          <p class="zt-ls">（三）组合技能练习</p>
          <p class="zt-cs">全场击球组合</p>

          <div class="subsectionContent">
@@ -6558,12 +7150,30 @@
            </p>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0135-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 3-6-13  斜线对攻—用直线进攻对付浅球战术示意图
            </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 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 class="subsectionContent">
            （2）学练建议
            <p>
@@ -6910,9 +7520,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 +7549,14 @@
      default: false,
    },
  },
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
@@ -6983,7 +7610,7 @@
            name: '2 乒乓球的常用术语（二）',
          },
          3: {
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd1',
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd2',
            name: '3 模块一（一）单项技术学练 平击发球',
          },
          4: {
@@ -6995,7 +7622,7 @@
            name: '5 模块一（三）组合技能练习 推挡+侧身攻',
          },
          6: {
            md5: '57481cd4e7e7ce535eb6585d375e317e',
            md5: '57482cd4e7e7ce535eb6585d375e317e',
            name: '6 模块二（一）单项技术学练 正手快带',
          },
          7: {
@@ -7003,11 +7630,11 @@
            name: '7 模块二（一）单项技术学练 转与不转球发球',
          },
          8: {
            md5: 'e242f94d2bdc54de7b5340d452256515',
            md5: 'e242f94d2bdc54de7b5340d452256516',
            name: '8 模块二（二）基本战术学练 发转与不转球抢攻',
          },
          9: {
            md5: '1ce6dc7953b1783de746e0de672ffbe4',
            md5: '1ce6dc7953b1783de746e0de672ffbe5',
            name: '9 模块二（三）组合技能练习 左推+右攻',
          },
          10: {
@@ -7015,19 +7642,19 @@
            name: '10 模块三（一）单项技术学练 弧圈球',
          },
          11: {
            md5: '2a458d11dc021318e2d3aa4f92cf3e36',
            md5: '2a458d11dc021318e2d3aa4f92cf3e37',
            name: '11 模块三（一）单项技术学练 快搓',
          },
          12: {
            md5: '81957321d71fd270f67fe74f7ef2b9e8',
            md5: '81957321d71fd270f67fe74f7ef2b9e9',
            name: '12 模块三（一）单项技术学练 反手快拨',
          },
          13: {
            md5: '5f675eff789c96ce8a6cf80679c8a992',
            md5: '5f675eff789c96ce8a6cf80679c8a993',
            name: '13 模块三（二）基本战术学练 搓攻战术',
          },
          14: {
            md5: '02236dec8a8e87176b1df2435b82fb87',
            md5: '02236dec8a8e87176b1df2435b82fb88',
            name: '14 模块三（三）组合技能练习 推挡+侧身攻',
          },
          15: {
@@ -7039,8 +7666,8 @@
            name: '1 模块一（一）单项技术学练 试一试：如何确定投篮瞄准点',
          },
          17: {
            md5: '6dc8041d19e6393f8767df773f890739',
            name: '2 模块一（一）单项技术学练 反弹传接球',
            md5: '32cdd04c794c576772b0f4de7cf2a134',
            name: '9 模块一（三）组合技能练习 运球+传接球',
          },
          18: {
            md5: '0ab8227791a5683af79c0cb97fb338fe',
@@ -7397,6 +8024,37 @@
            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 模块一（一）单项技术学练 后退步法',
          },

          111: {
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd2',
            name: '3 模块一（一）单项技术学练 平击发球',
          },

          112: {
            md5: '57482cd4e7e7ce535eb6585d375e317e',
            name: '6 模块二（一）单项技术学练 正手快带',
          },
        },

        videoMd5: {
@@ -7605,9 +8263,8 @@
      },
    }
  },

  created() {


    if (!this.isSearch) {
      this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
      this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
@@ -7699,6 +8356,13 @@
    }
  },
  methods: {
    setBookQuestion() {
      console.log('保存')
      localStorage.setItem('chapter003', JSON.stringify(this.chapter003))
    },
    closeDialog() {
      this.dialogVisible = false
    },
    ChangeBlur() {
      localStorage.setItem('chapter003', JSON.stringify(this.chapter003))
    },
@@ -7719,20 +8383,12 @@
    },
    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)

        // 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) {
      const textContent = (
        this.container ? this.container : document
@@ -7907,3 +8563,70 @@
  },
}
</script>

<style lang="less">
.pdfModal {
  width: 100%;
  height: 90vh;
}

.custom-dialog {
  overflow: hidden !important;

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

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}

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

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

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

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

 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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-1  前滚翻
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -185,12 +222,44 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0168-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-2  扶持头手倒立（男）
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -235,12 +304,43 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0168-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-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/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>
@@ -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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-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/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 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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-6  扶持倒立（男）
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -511,12 +716,42 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0171-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-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/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>
@@ -687,12 +922,56 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0173-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-9  后滚翻直腿起
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -757,12 +1036,59 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0174-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-1-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/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 class="subsectionContent">
            （2）学练建议
@@ -1183,12 +1509,53 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0177-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-1  （山羊）跳上成蹲撑接挺身跳下
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -1246,12 +1613,61 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0178-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-2 （山羊）屈腿腾越（男）
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -1300,12 +1716,52 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0179-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-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/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 class="subsectionContent">
            （2）学练建议
@@ -1420,12 +1876,62 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0180-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-4  分腿坐前进一次成分腿坐
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -1480,12 +1986,54 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0181-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-5 外侧坐向外转体90°跳下
            </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/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 class="subsectionContent">
            （2）学练建议
@@ -1580,12 +2128,55 @@
            </div>
          </div>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0182-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-2-6  低杠蹬地翻上
            </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/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>
@@ -1637,12 +2228,56 @@
              从杠上支撑开始，腿稍前摆，上体稍下压，接着双腿向后上方摆起，接近肩水平时腿制动，保持提升姿势有控制地缓慢下落至支撑。迅速用力推手，重心后移，向后展体跳下，经落地缓冲成直立。
            </div>
          </div>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0183-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-2-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/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 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" />
            <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图5-3-2 曼波步
            </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/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 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 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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-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/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>





          <p>
            抬腿类步伐是健美操基本步伐之一，有
            高、低冲击形式。低冲击形式有吸腿、踢腿、
@@ -2157,12 +2982,37 @@
            跳、弹踢腿跳等。
          </p>

          <div class="img-rights openImgBox">
            <img class="img-c" alt="" src="../../image/0189-2.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-6  开合跳
            </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/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 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" />
            <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-8  弹踢腿跳
            </p>
          </div>

          <p style="margin-top: 90px"></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/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 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>
      </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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-9  团身跳
            </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/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>











          <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" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图 5-3-10  单足转体 180°
            </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/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 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">
@@ -4490,7 +4487,7 @@
                    <p>在前面学、练、赛的过程中，同学们对自己和身边同学的学习效果有了初步的评判，那
                        么如何系统地评价自己对踢毽子运动技术的掌握程度和整个运动的理解程度呢？请同学们登
                        录课程平台，进行系统、全面的自主评价。</p>
                        <div class="pdf-text">
                    <div class="pdf-text">
                        <div class="pdf-con pdf-con-15">
                            <div class="pdf-view">
                                <span>
@@ -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,
@@ -5332,9 +5346,9 @@
    watch: {},
    created() {
        const localData = JSON.parse(localStorage.getItem('chapter006'))
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) }
    }
        if (localData) {
            this.chapter006 = { ...Object.assign(this.chapter006, localData) }
        }
        if (!this.isSearch) {
            this.getVideo(this.chapter006.videoMd5.v1.md5, 'v1')
            this.getVideo(this.chapter006.videoMd5.v2.md5, 'v2')
@@ -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/paint/index.vue

@@ -1,44 +1,377 @@
<template>
  <div class="paint" >
    <canvas
      width="400"
      height="600"
      id="canvas"
    ></canvas>
    <div class="paint-btn">
     <button @click="clearCanvas" >清除</button>
    </div>
  <div class="paint">
    <canvas width="400" height="600" id="canvas"></canvas>
    <!-- 操作按钮 -->
    <ul class="paint-btn">
      <li class="btn-box">
        <button @click="changeDrawMode">
          {{ isDraw ? "框选模式" : "绘图模式" }}
        </button>
        <button @click="clearCanvas">清除</button>
        <button @click="setModelEraser">
          {{ isEraser ? "画笔" : "橡皮擦" }}
        </button>
        <button @click="saveImgData">保存</button>
      </li>
      <li>

      </li>
      <li>
        <label>画笔：</label>
        <select name="" id="" @change="changeBrush" v-model="brush">
          <option
            v-for="(item, index) in modelList"
            :value="item.value"
            ::key="index"
          >
            {{ item.name }}
          </option>
        </select>
      </li>
      <li>
        <label>线色：</label>
        <input type="color" v-model="lineColor" @input="changeLineColor" />
      </li>
      <li>
        <label>线宽：</label>
        <input type="range" v-model="lineWidth" @input="changeLineWidth" />
      </li>
      <li>
        <label>阴影色：</label>
        <input type="color" v-model="showColor" @input="changeShowColor" />
      </li>
      <li>
        <label>阴影宽度：</label>
        <input type="range" v-model="showWidth" @input="changeShowWidth" />
      </li>
      <li>
        <label>阴影偏移量：</label>
        <input type="range" v-model="showOffset" @input="changeShowOffset" />
      </li>
    </ul>
  </div>
</template>

<script>
import { fabric } from "fabric-with-erasing";
  export default {
    data() {
      return {
export default {
  data() {
    return {
      backgroundImgUrl: "", // 背景
      isDraw: true, // 绘画、框选模式
      brush: "Pencil", // 画笔类型
      lineColor: "#000",
      lineWidth: 1,
      isEraser: false,
      showColor: "#000", // 阴影色
      showWidth: 0, // 阴影宽度
      showOffset: 0,
      modelList: [
        {
          name: "Pencil",
          value: "Pencil",
        },
        {
          name: "Circle",
          value: "Circle",
        },
        {
          name: "Spray",
          value: "Spray",
        },
        {
          name: "Pattern",
          value: "Pattern",
        },
        {
          name: "hline",
          value: "hline",
        },
        {
          name: "vline",
          value: "vline",
        },
        {
          name: "square",
          value: "square",
        },
        {
          name: "diamond",
          value: "diamond",
        },
        {
          name: "texture",
          value: "texture",
        },
      ],
      // 画笔模式
      vLinePatternBrush: null,
      hLinePatternBrush: null,
      squarePatternBrush: null,
      diamondPatternBrush: null,
      texturePatternBrush: null,
    };
  },
  props: {
    imgUrl: {
      type: String,
      default:
        "https://cdn.learnku.com/uploads/images/202206/29/97252/aArKOJpl2A.png!large",
    },
    page: {
      type: Number,
      default: 1,
    },
  },
  mounted() {
    this.init();
  },
  methods: {
    // 初始化画布
    init() {
      this.canvas = new fabric.Canvas("canvas", {
        isDrawingMode: true,
      });
      // 设置背景
      this.setBackgroundImage()
      //
      fabric.Object.prototype.transparentCorners = false;
      this.setBrush()
    },
    // 创建各种笔刷
    setBrush() {
      if (fabric.PatternBrush) {
        // 画笔样式
        this.vLinePatternBrush = new fabric.PatternBrush(this.canvas);
        this.vLinePatternBrush.getPatternSrc = () => {
          let patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height = 10;
          let ctx = patternCanvas.getContext("2d");
          ctx.strokeStyle = this.lineColor;
          ctx.lineWidth = 5;
          ctx.beginPath();
          ctx.moveTo(0, 5);
          ctx.lineTo(10, 5);
          ctx.closePath();
          ctx.stroke();
          return patternCanvas;
        };
        this.hLinePatternBrush = new fabric.PatternBrush(this.canvas);
        this.hLinePatternBrush.getPatternSrc = function () {
          let patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height = 10;
          let ctx = patternCanvas.getContext("2d");
          ctx.strokeStyle = this.lineColor;
          ctx.lineWidth = 5;
          ctx.beginPath();
          ctx.moveTo(5, 0);
          ctx.lineTo(5, 10);
          ctx.closePath();
          ctx.stroke();
          return patternCanvas;
        };
        this.squarePatternBrush = new fabric.PatternBrush(this.canvas);
        this.squarePatternBrush.getPatternSrc = function () {
          const squareWidth = 10;
          const squareDistance = 2;
          const patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height =
            squareWidth + squareDistance;
          const ctx = patternCanvas.getContext("2d");
          ctx.fillStyle = this.color;
          ctx.fillRect(0, 0, squareWidth, squareWidth);
          return patternCanvas;
        };
        this.diamondPatternBrush = new fabric.PatternBrush(this.canvas);
        this.diamondPatternBrush.getPatternSrc = function () {
          const squareWidth = 10;
          const squareDistance = 5;
          const patternCanvas = fabric.document.createElement("canvas");
          const rect = new fabric.Rect({
            width: squareWidth,
            height: squareWidth,
            angle: 45,
            fill: this.color,
          });
          var canvasWidth = rect.getBoundingRect().width;
          patternCanvas.width = patternCanvas.height =
            canvasWidth + squareDistance;
          rect.set({ left: canvasWidth / 2, top: canvasWidth / 2 });
          var ctx = patternCanvas.getContext("2d");
          rect.render(ctx);
          return patternCanvas;
        };

        const img = new Image();
        // img.src = "../assets/images/drop.jpg";
        this.texturePatternBrush = new fabric.PatternBrush(this.canvas);
        this.texturePatternBrush.source = img;
      }
    },
    mounted() {
      this.init()
    // 设置背景图方法
    setBackgroundImage() {
      // 使用fabric的Image.fromURL方法来加载图像
      const oldData = localStorage.getItem(
        this.config.activeBook.name + "-paint-" + this.page
      );
      this.backgroundImgUrl = oldData || this.imgUrl;
      fabric.Image.fromURL(
        this.backgroundImgUrl,
        (img) => {
          // 图像加载完成后，将其设置为画布的背景
          img
            .scale(
              this.canvas.width / img.width,
              this.canvas.height / img.height
            )
            .set({
              left: 0,
              top: 0,
              originX: "left",
              originY: "top",
            });

          // 将图像添加到画布中，并将其放在最底层
          this.canvas.setBackgroundImage(
            img,
            this.canvas.renderAll.bind(this.canvas),
            {
              // 可以设置图像的样式，比如不透明度
              opacity: 0.5,
            }
          );
          // 渲染画布
          this.canvas.renderAll();
        },
        {
          crossOrigin: "Anonymous", // 如果图像在不同域上，需要设置crossOrigin
        }
      );
    },
    methods: {
      // 初始化画布
      init() {
        this.canvas = new fabric.Canvas("canvas",{
          isDrawingMode: true
    // 绘图 框选 模式切换
    changeDrawMode() {
      this.isDraw = !this.isDraw;
      this.canvas.isDrawingMode = !this.canvas.isDrawingMode;
    },
    // 清空画布
    clearCanvas() {
      this.canvas.clear();
      this.setBackgroundImage()
    },
    // 修改画笔颜色
    changeLineColor(e) {
      let brush = this.canvas.freeDrawingBrush;
      brush.color = e.srcElement.value;
      if (brush.getPatternSrc) {
        brush.source = brush.getPatternSrc.call(brush);
      }
      console.log(e.srcElement.value);
    },
    // 修改画笔粗细
    changeLineWidth(e) {
      console.log(e);
      this.canvas.freeDrawingBrush.width =
        parseInt(e.srcElement.value, 10) || 1;
    },
    // 画笔样式切换
    changeBrush() {
      if (this.brush == "hline") {
        this.canvas.freeDrawingBrush = this.vLinePatternBrush;
      } else if (this.brush == "vline") {
        this.canvas.freeDrawingBrush = this.hLinePatternBrush;
      } else if (this.brush == "square") {
        this.canvas.freeDrawingBrush = this.squarePatternBrush;
      } else if (this.brush == "diamond") {
        this.canvas.freeDrawingBrush = this.diamondPatternBrush;
      } else if (this.brush == "texture") {
        this.canvas.freeDrawingBrush = this.texturePatternBrush;
      } else {
        this.canvas.freeDrawingBrush = new fabric[this.brush + "Brush"](
          this.canvas
        );
      }
      if (this.canvas.freeDrawingBrush) {
        var brush = this.canvas.freeDrawingBrush;
        brush.color = this.lineColor;
        if (brush.getPatternSrc) {
          brush.source = brush.getPatternSrc.call(brush);
        }
        brush.width = parseInt(this.lineWidth, 10) || 1;
        brush.shadow = new fabric.Shadow({
          blur: parseInt(this.showWidth, 10) || 0,
          offsetX: 0,
          offsetY: 0,
          affectStroke: true,
          color: this.showColor,
        });
      },
      // 清空画布
      clearCanvas() {
        this.canvas.clear()
      }
    },
  }
    // 橡皮擦
    setModelEraser() {
      this.isEraser = !this.isEraser;
      if (this.isEraser) {
        this.canvas.freeDrawingBrush = new fabric.EraserBrush(this.canvas); // 使用橡皮擦画笔
        this.canvas.freeDrawingBrush.width = this.lineWidth;
      } else {
        this.changeBrush();
        // this.canvas.freeDrawingBrush = new fabric.PencilBrush(this.canvas); // 使用橡皮擦画笔
        // this.canvas.freeDrawingBrush.width = this.lineWidth; // 设置画笔粗细
      }
    },
    // 修改阴影色
    changeShowColor(e) {
      this.canvas.contextContainer.shadowColor = e.srcElement.value;
    },

    // 阴影宽度
    changeShowWidth(e) {
      console.log(this.canvas);
      this.canvas.contextContainer.shadowBlur =
        parseInt(e.srcElement.value, 10) || 0;
    },
    // 阴影偏移量
    changeShowOffset(e) {
      this.canvas.contextContainer.shadowOffsetX =
        parseInt(e.srcElement.value, 10) || 0;
      this.canvas.contextContainer.shadowOffsetY =
        parseInt(e.srcElement.value, 10) || 0;
    },
    // 保存图书
    saveImgData() {
      const imgData = this.canvas.toDataURL({
        format: "png", // 指定输出格式，通常是'png'或'jpeg'
        quality: 0.8, // 仅在输出格式为'jpeg'时有效
        multiplier: 1, // 提高分辨率，可选参数，默认为1
        left: 0, // 裁剪区域的左边界（可选）
        top: 0, // 裁剪区域的上边界（可选）
        width: canvas.width, // 裁剪区域的宽度（可选，默认为画布的宽度）
        height: canvas.height, // 裁剪区域的高度（可选，默认为画布的高度）
      });
      localStorage.setItem(
        this.config.activeBook.name + "-paint-" + this.page,
        imgData
      );
      console.log("本地图", imgData);
    },
  },
};
</script>

<style lang="less" scoped>
  #canvas {
    border: 1px solid #ccc
#canvas {
  border: 1px solid #ccc;
}
.paint-btn {
  margin-top:40px;
  padding:20px;
  border:1px solid #ededed;
  width:max-content;
  li {
    margin-bottom:6px;
  }
</style>
}
.btn-box {
  display:flex;
  justify-content:space-between;
}
</style>

 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;

 yarn.lock

Diff too large