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

闫增涛

2024-08-14 aea7d13fc6f00a2ddfd36a09623d3e624b99fce0

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

@@ -121,12 +121,42 @@
            </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 +215,37 @@
            </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 +290,37 @@
            </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 +357,39 @@

          <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 +515,42 @@
            </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 +605,37 @@
          <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 +673,37 @@
            </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 +874,42 @@
            </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 +974,37 @@
            </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）学练建议
@@ -1107,8 +1349,6 @@
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
@@ -1183,12 +1423,47 @@
            </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 +1521,47 @@
            </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 +1610,37 @@
            </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 +1755,42 @@
            </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 +1845,42 @@
            </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 +1975,42 @@
            </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 +2062,39 @@
              从杠上支撑开始，腿稍前摆，上体稍下压，接着双腿向后上方摆起，接近肩水平时腿制动，保持提升姿势有控制地缓慢下落至支撑。迅速用力推手，重心后移，向后展体跳下，经落地缓冲成直立。
            </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 +2373,80 @@
            交替类步伐是左右腿交替进行的步伐，有踏步、走步、一字步、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 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="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-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 +2482,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 +2494,83 @@
            <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 +2698,43 @@
          <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 +2777,33 @@
            跳、弹踢腿跳等。
          </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 +2816,79 @@
            </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 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="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 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 style="margin-top: 90px"></p>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 5-3-8  弹踢腿跳
          </p>
        </div>
      </div>
    </div>
@@ -2306,12 +3005,43 @@
          </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 +3102,42 @@
          <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）学练建议
@@ -2623,28 +3383,28 @@
                <span>{{ chapter005.videoMd5.v14.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter005.videoShow6">
              <div class="videoItem" v-if="chapter005.videoShow10">
                <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="chapter005.videoUrl.v15"></video>
                <span>{{ chapter005.videoMd5.v15.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter005.videoShow6">
              <div class="videoItem" v-if="chapter005.videoShow10">
                <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="chapter005.videoUrl.v16"></video>
                <span>{{ chapter005.videoMd5.v16.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter005.videoShow6">
              <div class="videoItem" v-if="chapter005.videoShow10">
                <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="chapter005.videoUrl.v17"></video>
                <span>{{ chapter005.videoMd5.v17.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter005.videoShow6">
              <div class="videoItem" v-if="chapter005.videoShow10">
                <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="chapter005.videoUrl.v18"></video>
@@ -3591,8 +4351,6 @@
            </div>
          </div>



          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">四</span> 实施自主评价
          </h4>
@@ -3647,9 +4405,6 @@
            </div>
          </div>




          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">五 </span> 训练专项体能
          </h4>
@@ -3662,7 +4417,6 @@
          <p>
            请同学们登录课程平台进行上肢力量、核心力量和下肢力量的专项体能训练。
          </p>


          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
@@ -3679,8 +4433,6 @@
              </div>
            </div>
          </div>



          <div class="bk-xyx" style="padding: 2px 0">
            <div class="bj1-xyx publicxbc">
@@ -3702,10 +4454,6 @@
            <br />
            <p class="public-tips">项目四 · 视频库集</p>
            <div class="parentVideo" v-if="isShowXyx04">




              <div class="videoItem" v-if="chapter005.videoShow7">
                <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"
@@ -3731,126 +4479,121 @@
                  :src="chapter005.videoUrl.v22"></video>
                <span>{{ chapter005.videoMd5.v22.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow8">
                <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="chapter005.videoUrl.v23"></video>
                <span>{{ chapter005.videoMd5.v23.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow8">
                <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="chapter005.videoUrl.v24"></video>
                <span>{{ chapter005.videoMd5.v24.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow8">
                <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="chapter005.videoUrl.v25"></video>
                <span>{{ chapter005.videoMd5.v25.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow8">
                <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="chapter005.videoUrl.v26"></video>
                <span>{{ chapter005.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v27"></video>
                <span>{{ chapter005.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v28"></video>
                <span>{{ chapter005.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v29"></video>
                <span>{{ chapter005.videoMd5.v29.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v30"></video>
                <span>{{ chapter005.videoMd5.v30.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v31"></video>
                <span>{{ chapter005.videoMd5.v31.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v32"></video>
                <span>{{ chapter005.videoMd5.v32.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v33"></video>
                <span>{{ chapter005.videoMd5.v33.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v34"></video>
                <span>{{ chapter005.videoMd5.v34.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v35"></video>
                <span>{{ chapter005.videoMd5.v35.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow9">
                <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="chapter005.videoUrl.v36"></video>
                <span>{{ chapter005.videoMd5.v36.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow11">
                <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="chapter005.videoUrl.v37"></video>
                <span>{{ chapter005.videoMd5.v37.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow11">
                <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="chapter005.videoUrl.v38"></video>
                <span>{{ chapter005.videoMd5.v38.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow11">
                <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="chapter005.videoUrl.v39"></video>
                <span>{{ chapter005.videoMd5.v39.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter005.videoShow7">
              <div class="videoItem" v-if="chapter005.videoShow11">
                <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="chapter005.videoUrl.v40"></video>
                <span>{{ chapter005.videoMd5.v40.name }}</span>
              </div>


            </div>
          </div>




        </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>
@@ -4106,7 +4849,10 @@
            name: '视频6 中职学生三级套路',
            md5: '604dd1f98b7cb1c75a68ffeed565b023',
          },
          v19: { name: '模块一 （一）难度技术动作1：连续4次吸踢腿', md5: '4dd67e130c115bd91d0db018c6899c2f' },
          v19: {
            name: '模块一 （一）难度技术动作1：连续4次吸踢腿',
            md5: '4dd67e130c115bd91d0db018c6899c2f',
          },
          v20: {
            name: '模块一 （一）难度技术动作2：直体跳   ',
            md5: 'cfdc841b7582a799935c6127b6eb9091',
@@ -4115,8 +4861,14 @@
            name: '模块一 （一）难度技术动作3：分腿小跳',
            md5: '17de8b14a29da83d8f73f0ce176adc35',
          },
          v22: { name: '模块一 （一）难度技术动作4：前吸腿平衡', md5: '73cddb3f31aefaccec6e2f6785096600' },
          v23: { name: '模块一 （一）难度技术动作5：平转180度', md5: 'ad53759021663c88bf0d25835830a190' },
          v22: {
            name: '模块一 （一）难度技术动作4：前吸腿平衡',
            md5: '73cddb3f31aefaccec6e2f6785096600',
          },
          v23: {
            name: '模块一 （一）难度技术动作5：平转180度',
            md5: 'ad53759021663c88bf0d25835830a190',
          },
          v24: {
            name: '模块一 （二）组合技能练习1：36个基本手位练习组合',
            md5: '4646e2a4b22e6e68f3b425ab0bd0a8d1',
@@ -4129,25 +4881,63 @@
            name: '模块二 （一）单个技术学练1：街舞律动基础动作 胸部律动',
            md5: 'f35e44b0e3eba85d2679f25a5a1603a0',
          },
          v27: { name: '模块二 （一）单个技术学练2：街舞律动基础动作 膝关节律动', md5: '557fb45e05e38ed7d892fdca22330919' },
          v27: {
            name: '模块二 （一）单个技术学练2：街舞律动基础动作 膝关节律动',
            md5: '557fb45e05e38ed7d892fdca22330919',
          },
          v28: {
            name: '模块二 （一）单个技术学练3：街舞律动基础动作 整体律动',
            md5: '26721e5a0972f2567a757fddb528dc3a',
          },
          v29: { name: '模块二 （二）难度技术动作1：C跳', md5: '907d5b543449c6a76ea4fbdf2acf21a6' },
          v29: {
            name: '模块二 （二）难度技术动作1：C跳',
            md5: '907d5b543449c6a76ea4fbdf2acf21a6',
          },


          v30: { name: '模块二 （二）难度技术动作2：团身跳', md5: 'f1e1c65fa545349835b7a6c308c3ce41' },
          v31: { name: '模块二 （二）难度技术动作3：屈腿搬腿平衡', md5: '7f1f94b4bea4106583d72bafed3d1f6d' },
          v32: { name: '模块二 （二）难度技术动作4：吸转360度', md5: '28cb89b3fe1a47663b5a55d67af7ff60' },
          v33: { name: '模块二 （二）难度技术动作5：纵劈叉', md5: '4d4b0820ca60cd091401bd6a8b8c8017' },
          v34: { name: '模块二 （三）组合技能练习1：4X8拍花球练习组合（2）', md5: 'a51ee79a800c612c2c400cbb63da8bce' },
          v35: { name: '模块二 （三）组合技能练习2：4X8拍街舞元素练习组合', md5: 'c9021866eae6b74e377759860f93464e' },
          v36: { name: '模块三 （一）单个技术学练1：小跨跳', md5: '1650250d8363ed87ec423b83983f16d1' },
          v37: { name: '模块三 （一）单个技术学练2：击腿跳', md5: '01b53b9b4a508fcac63597f0d15b8758' },
          v38: { name: '模块三 （一）单个技术学练3：4次中踢腿', md5: '8f714820c514526c6b273b159377d19c' },
          v39: { name: '模块三 （一）单个技术学练4：侧搬腿平衡', md5: 'c75e11b7309e1e5a2a41ff5b8f4ebe4b' },
          v40: { name: '模块三 （二）组合技能练习1：4X8拍爵士啦啦操动作组合', md5: '970f85af2003532c31ced44d65b43b08' },
          v30: {
            name: '模块二 （二）难度技术动作2：团身跳',
            md5: 'f1e1c65fa545349835b7a6c308c3ce41',
          },
          v31: {
            name: '模块二 （二）难度技术动作3：屈腿搬腿平衡',
            md5: '7f1f94b4bea4106583d72bafed3d1f6d',
          },
          v32: {
            name: '模块二 （二）难度技术动作4：吸转360度',
            md5: '28cb89b3fe1a47663b5a55d67af7ff60',
          },
          v33: {
            name: '模块二 （二）难度技术动作5：纵劈叉',
            md5: '4d4b0820ca60cd091401bd6a8b8c8017',
          },
          v34: {
            name: '模块二 （三）组合技能练习1：4X8拍花球练习组合（2）',
            md5: 'a51ee79a800c612c2c400cbb63da8bce',
          },
          v35: {
            name: '模块二 （三）组合技能练习2：4X8拍街舞元素练习组合',
            md5: 'c9021866eae6b74e377759860f93464e',
          },
          v36: {
            name: '模块三 （一）单个技术学练1：小跨跳',
            md5: '1650250d8363ed87ec423b83983f16d1',
          },
          v37: {
            name: '模块三 （一）单个技术学练2：击腿跳',
            md5: '01b53b9b4a508fcac63597f0d15b8758',
          },
          v38: {
            name: '模块三 （一）单个技术学练3：4次中踢腿',
            md5: '8f714820c514526c6b273b159377d19c',
          },
          v39: {
            name: '模块三 （一）单个技术学练4：侧搬腿平衡',
            md5: 'c75e11b7309e1e5a2a41ff5b8f4ebe4b',
          },
          v40: {
            name: '模块三 （二）组合技能练习1：4X8拍爵士啦啦操动作组合',
            md5: '970f85af2003532c31ced44d65b43b08',
          },
        },
        videoUrl: {},
        videoShow1: false,
@@ -4156,73 +4946,22 @@
        videoShow4: false,
        videoShow5: false,
        videoShow6: false,
        videoShow7: false
        videoShow10: false,
        videoShow7: false,
        videoShow8: false,
        videoShow9: false,
        videoShow11: false,
      },
    }
  },
  created() {

    const localData = JSON.parse(localStorage.getItem('chapter005'))
    if (localData) {
      this.chapter005 = { ...Object.assign(this.chapter005, localData) }
    }
    if (!this.isSearch) {
      this.getVideo(this.chapter005.videoMd5.v1.md5, 'v1')
      this.getVideo(this.chapter005.videoMd5.v2.md5, 'v2')
      this.getVideo(this.chapter005.videoMd5.v3.md5, 'v3')
      this.getVideo(this.chapter005.videoMd5.v4.md5, 'v4')
      this.getVideo(this.chapter005.videoMd5.v5.md5, 'v5')
      this.getVideo(this.chapter005.videoMd5.v6.md5, 'v6')
    // if (!this.isSearch) {

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

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

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

      setTimeout(() => {
        this.getVideo(this.chapter005.videoMd5.v25.md5, 'v25')
        this.getVideo(this.chapter005.videoMd5.v26.md5, 'v26')
        this.getVideo(this.chapter005.videoMd5.v27.md5, 'v27')
        this.getVideo(this.chapter005.videoMd5.v28.md5, 'v28')
        this.getVideo(this.chapter005.videoMd5.v29.md5, 'v29')
      }, 7000)

      setTimeout(() => {
        this.getVideo(this.chapter005.videoMd5.v30.md5, 'v30')
        this.getVideo(this.chapter005.videoMd5.v31.md5, 'v31')
        this.getVideo(this.chapter005.videoMd5.v32.md5, 'v32')
        this.getVideo(this.chapter005.videoMd5.v33.md5, 'v33')
        this.getVideo(this.chapter005.videoMd5.v34.md5, 'v34')
        this.getVideo(this.chapter005.videoMd5.v35.md5, 'v35')
        this.getVideo(this.chapter005.videoMd5.v36.md5, 'v36')
        this.getVideo(this.chapter005.videoMd5.v37.md5, 'v37')
        this.getVideo(this.chapter005.videoMd5.v38.md5, 'v38')
        this.getVideo(this.chapter005.videoMd5.v39.md5, 'v39')
        this.getVideo(this.chapter005.videoMd5.v40.md5, 'v40')
      }, 8000)
    }
    // }
  },
  methods: {
    closeDialog() {
@@ -4230,18 +4969,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) {
@@ -4258,6 +4988,25 @@
    },
    activityXyx2() {
      this.isShowXyx02 = !this.isShowXyx02

      if (!this.isSearch && !this.chapter005.videoShow1) {
        this.getVideo(this.chapter005.videoMd5.v1.md5, 'v1')
        this.getVideo(this.chapter005.videoMd5.v2.md5, 'v2')
        this.getVideo(this.chapter005.videoMd5.v3.md5, 'v3')
        this.getVideo(this.chapter005.videoMd5.v4.md5, 'v4')
        this.getVideo(this.chapter005.videoMd5.v5.md5, 'v5')
        this.getVideo(this.chapter005.videoMd5.v6.md5, 'v6')

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

      this.chapter005.videoShow1 = true
      setTimeout(() => {
        this.chapter005.videoShow2 = true
@@ -4266,28 +5015,73 @@
      setTimeout(() => {
        this.chapter005.videoShow3 = true
      }, 3000)

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

      setTimeout(() => {
        this.chapter005.videoShow5 = true
      }, 7000)
    },
    activityXyx3() {
      this.isShowXyx03 = !this.isShowXyx03

      if (!this.isSearch && !this.chapter005.videoShow6) {
        this.getVideo(this.chapter005.videoMd5.v13.md5, 'v13')
        this.getVideo(this.chapter005.videoMd5.v14.md5, 'v14')
        this.getVideo(this.chapter005.videoMd5.v15.md5, 'v15')
        this.getVideo(this.chapter005.videoMd5.v16.md5, 'v16')
        this.getVideo(this.chapter005.videoMd5.v17.md5, 'v17')
        this.getVideo(this.chapter005.videoMd5.v18.md5, 'v18')
      }

      this.chapter005.videoShow6 = true
      setTimeout(() => {
        this.chapter005.videoShow10 = true
      }, 2000)
    },
    activityXyx4() {
      this.isShowXyx04 = !this.isShowXyx04

      if (!this.isSearch && !this.chapter005.videoShow7) {
        this.getVideo(this.chapter005.videoMd5.v19.md5, 'v19')
        this.getVideo(this.chapter005.videoMd5.v20.md5, 'v20')
        this.getVideo(this.chapter005.videoMd5.v21.md5, 'v21')
        this.getVideo(this.chapter005.videoMd5.v22.md5, 'v22')
        this.getVideo(this.chapter005.videoMd5.v23.md5, 'v23')
        this.getVideo(this.chapter005.videoMd5.v24.md5, 'v24')
        this.getVideo(this.chapter005.videoMd5.v25.md5, 'v25')
        this.getVideo(this.chapter005.videoMd5.v26.md5, 'v26')
        this.getVideo(this.chapter005.videoMd5.v27.md5, 'v27')
        this.getVideo(this.chapter005.videoMd5.v28.md5, 'v28')
        this.getVideo(this.chapter005.videoMd5.v29.md5, 'v29')

        setTimeout(() => {
          this.getVideo(this.chapter005.videoMd5.v30.md5, 'v30')
          this.getVideo(this.chapter005.videoMd5.v31.md5, 'v31')
          this.getVideo(this.chapter005.videoMd5.v32.md5, 'v32')
          this.getVideo(this.chapter005.videoMd5.v33.md5, 'v33')
          this.getVideo(this.chapter005.videoMd5.v34.md5, 'v34')
          this.getVideo(this.chapter005.videoMd5.v35.md5, 'v35')
          this.getVideo(this.chapter005.videoMd5.v36.md5, 'v36')
          this.getVideo(this.chapter005.videoMd5.v37.md5, 'v37')
          this.getVideo(this.chapter005.videoMd5.v38.md5, 'v38')
          this.getVideo(this.chapter005.videoMd5.v39.md5, 'v39')
          this.getVideo(this.chapter005.videoMd5.v40.md5, 'v40')
        }, 2000)
      }

      this.chapter005.videoShow7 = true
    }

      setTimeout(() => {
        this.chapter005.videoShow8 = true
      }, 2000)

      setTimeout(() => {
        this.chapter005.videoShow9 = true
      }, 3000)
      setTimeout(() => {
        this.chapter005.videoShow11 = true
      }, 5000)
    },
  },
}
</script>

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