体育与健康完成

yiming

2024-08-07 bac7941b8dc29e70643c44fb393c49d2eaa3015b

 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）学练建议
@@ -1107,6 +1433,8 @@
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
@@ -1181,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）学练建议
@@ -1244,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）学练建议
@@ -1298,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）学练建议
@@ -1418,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）学练建议
@@ -1478,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）学练建议
@@ -1578,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>
@@ -1635,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>
@@ -1919,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">
@@ -1967,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 并步
@@ -1979,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">
@@ -2107,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>
            抬腿类步伐是健美操基本步伐之一，有
            高、低冲击形式。低冲击形式有吸腿、踢腿、
@@ -2155,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">
@@ -2173,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>
@@ -2304,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">
@@ -2370,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）学练建议
@@ -3848,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>
@@ -3858,6 +4865,9 @@
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>



  </div>
</template>
<script>
@@ -4159,6 +5169,11 @@
    }
  },
  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')
@@ -4223,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) {