From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 07 八月 2024 16:06:22 +0800 Subject: [PATCH] 体育与健康完成 --- src/books/sportsAndHealth/view/components/chapter005.vue | 1267 +++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 1,133 insertions(+), 134 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter005.vue b/src/books/sportsAndHealth/view/components/chapter005.vue index e8976bc..e91845a 100644 --- a/src/books/sportsAndHealth/view/components/chapter005.vue +++ b/src/books/sportsAndHealth/view/components/chapter005.vue @@ -121,12 +121,49 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0167-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-1鈥� 鍓嶆粴缈� - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p154/154-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p154/154-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p154/154-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p154/154-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p154/154-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-1鈥� 鍓嶆粴缈� + </p> + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -185,12 +222,44 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0168-2.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-2鈥� 鎵舵寔澶存墜鍊掔珛锛堢敺锛� - </p> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-4.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-2鈥� 鎵舵寔澶存墜鍊掔珛锛堢敺锛� + </p> + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -235,12 +304,43 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0168-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-3鈥� 鎵舵寔鑲╄倶鍊掔珛锛堝コ锛� - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-5.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-6.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-7.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p155/155-8.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-3鈥� 鎵舵寔鑲╄倶鍊掔珛锛堝コ锛� + </p> + + </div> </div> </div> @@ -277,12 +377,51 @@ <p class="zt-cs">4. 淇钩琛★紙鐕曞紡骞宠 锛�5 绉�</p> - <div class="img-rights openImgBox"> + <!-- <div class="img-rights openImgBox"> <img class="img-c" alt="" src="../../image/0169-1.jpg" /> <p class="img" style="color: #ac92c4; font-size: 14px"> 鍥� 5-1-4鈥� 淇钩琛★紙鐕曞紡骞宠 锛�5 绉� </p> + </div> --> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p156/156-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p156/156-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p156/156-3.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-4鈥� 淇钩琛★紙鐕曞紡骞宠 锛�5 绉� + </p> + + + + + + + + + <div class="subsectionContent"> 锛�1锛夊姩浣滆棰� @@ -408,12 +547,45 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0170-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-5鈥� 鍓嶆粴缈诲垎鑵胯捣 - </p> + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p157/157-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p157/157-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p157/157-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p157/157-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p157/157-5.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-5鈥� 鍓嶆粴缈诲垎鑵胯捣 + </p> <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -468,12 +640,45 @@ <span class="book-title">浣撹偛涓庡仴搴�</span> </div> <div class="bodystyle"> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0171-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-6鈥� 鎵舵寔鍊掔珛锛堢敺锛� - </p> + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-4.jpg" /> + </div> + </div> + + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-6鈥� 鎵舵寔鍊掔珛锛堢敺锛� + </p> + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -511,12 +716,42 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0171-2.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-7鈥� 鎵舵寔澶存墜鍊掔珛锛堝コ锛� - </p> + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-5.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-6.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-7.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p158/158-8.jpg" /> + </div> + </div> + + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-7鈥� 鎵舵寔澶存墜鍊掔珛锛堝コ锛� + </p> + </div> </div> </div> @@ -687,12 +922,56 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0173-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-9鈥� 鍚庢粴缈荤洿鑵胯捣 - </p> + + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p160/160-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p160/160-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p160/160-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p160/160-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p160/160-5.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-9鈥� 鍚庢粴缈荤洿鑵胯捣 + </p> + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -757,12 +1036,59 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0174-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-1-10鈥� 鎵舵寔鍊掔珛锛堝コ锛� - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p161/161-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p161/161-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p161/161-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p161/161-4.jpg" /> + </div> + </div> + + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-1-10鈥� 鎵舵寔鍊掔珛锛堝コ锛� + </p> + + + + + + + + + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1183,12 +1509,53 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0177-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-2-1鈥� 锛堝北缇婏級璺充笂鎴愯共鎾戞帴鎸鸿韩璺充笅 - </p> + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-5.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p164/164-6.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-2-1鈥� 锛堝北缇婏級璺充笂鎴愯共鎾戞帴鎸鸿韩璺充笅 + </p> + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1246,12 +1613,61 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0178-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥�5-2-2 锛堝北缇婏級灞堣吙鑵捐秺锛堢敺锛� - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-5.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p165/165-6.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-2-2 锛堝北缇婏級灞堣吙鑵捐秺锛堢敺锛� + </p> + + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1300,12 +1716,52 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0179-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥�5-2-3 锛堝北缇婏級鍒嗚吙鑵捐秺锛堝コ锛� - </p> + + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p166/166-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p166/166-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p166/166-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p166/166-4.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-2-3 锛堝北缇婏級鍒嗚吙鑵捐秺锛堝コ锛� + </p> + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1420,12 +1876,62 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0180-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-2-4鈥� 鍒嗚吙鍧愬墠杩涗竴娆℃垚鍒嗚吙鍧� - </p> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p167/167-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p167/167-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p167/167-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p167/167-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p167/167-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-2-4鈥� 鍒嗚吙鍧愬墠杩涗竴娆℃垚鍒嗚吙鍧� + </p> + + + + + + + + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1480,12 +1986,54 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0181-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥�5-2-5 澶栦晶鍧愬悜澶栬浆浣�90掳璺充笅 - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p168/168-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p168/168-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p168/168-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p168/168-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p168/168-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-2-5 澶栦晶鍧愬悜澶栬浆浣�90掳璺充笅 + </p> + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -1580,12 +2128,55 @@ </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0182-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-2-6鈥� 浣庢潬韫湴缈讳笂 - </p> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p169/169-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p169/169-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p169/169-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p169/169-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p169/169-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-2-6鈥� 浣庢潬韫湴缈讳笂 + </p> + + + + + + + + + </div> </div> </div> @@ -1637,12 +2228,56 @@ 浠庢潬涓婃敮鎾戝紑濮嬶紝鑵跨◢鍓嶆憜锛屼笂浣撶◢涓嬪帇锛屾帴鐫�鍙岃吙鍚戝悗涓婃柟鎽嗚捣锛屾帴杩戣偐姘村钩鏃惰吙鍒跺姩锛屼繚鎸佹彁鍗囧Э鍔挎湁鎺у埗鍦扮紦鎱笅钀借嚦鏀拺銆傝繀閫熺敤鍔涙帹鎵嬶紝閲嶅績鍚庣Щ锛屽悜鍚庡睍浣撹烦涓嬶紝缁忚惤鍦扮紦鍐叉垚鐩寸珛銆� </div> </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0183-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥�5-2-7 鏀拺鍚庢憜鎸鸿韩璺充笅 - </p> + + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p170/170-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p170/170-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p170/170-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p170/170-4.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-2-7 鏀拺鍚庢憜鎸鸿韩璺充笅 + </p> + + + + + + + + + + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� <p>鈶犺繘琛屽湴闈㈠師鍦版尯韬烦缁冧範銆�</p> @@ -1921,19 +2556,90 @@ 浜ゆ浛绫绘浼愭槸宸﹀彸鑵夸氦鏇胯繘琛岀殑姝ヤ紣锛屾湁韪忔銆佽蛋姝ャ�佷竴瀛楁銆乂瀛楁銆佹浖娉㈡銆佸崄瀛楁绛夛紝鍔ㄤ綔瀹屾垚鏈夐珮銆佷綆鍐插嚮褰㈠紡銆� </p> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0186-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-1鈥� V 瀛楁 - </p> - </div> - <div class="center openImgBox"> - <img class="img-c" alt="" src="../../image/0186-2.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥�5-3-2 鏇兼尝姝� - </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-1鈥� V 瀛楁 + </p> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-6.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-7.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-8.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-9.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p173/173-10.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-3-2 鏇兼尝姝� + </p> + + + + <div class="subsectionContent"> 锛�1锛夊姩浣滆棰� <div class="subsectionContent"> @@ -1969,7 +2675,7 @@ <p> 杩堟绫绘浼愭槸涓�鑴氳繄鍑猴紝鍙︿竴鑴氳窡闅忓仛鍑轰笉鍚屽舰寮忕殑鍔ㄤ綔锛屽鐐瑰湴銆佽涪鑵裤�佸惛鑵跨瓑銆傚父瑙佺殑杩堟绫绘浼愭湁骞舵銆佷氦鍙夋銆佽繄姝ョ偣鍦般�佽繄姝ュ惛鑵跨瓑锛涘姩浣滃畬鎴愭湁楂樸�佷綆鍐插嚮褰㈠紡銆� </p> - <div class="center openImgBox"> + <!-- <div class="center openImgBox"> <img class="img-c" alt="" src="../../image/0187-1.jpg" /> <p class="img" style="color: #ac92c4; font-size: 14px"> 鍥�5-3-3 骞舵 @@ -1981,7 +2687,90 @@ <p class="img" style="color: #ac92c4; font-size: 14px"> 鍥�5-3-4 浜ゅ弶姝� </p> + </div> --> + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-4.jpg" /> + </div> + </div> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-3鈥� 骞舵 + + </p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-6.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-7.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-8.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-9.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p174/174-10.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�5-3-4 浜ゅ弶姝� + </p> + + + <div class="subsectionContent"> 锛�1锛夊姩浣滆棰� <div class="subsectionContent"> @@ -2109,12 +2898,48 @@ <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p> <p class="zt-cs">1. 鎶吙绫诲熀鏈浼�</p> - <div class="img-float openImgBox"> - <img class="img-c" alt="" src="../../image/0189-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-5鈥� 韪㈣吙鍜屾姮鑵� - </p> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-5鈥� 韪㈣吙鍜屾姮鑵� + </p> + + + + + <p> 鎶吙绫绘浼愭槸鍋ョ編鎿嶅熀鏈浼愪箣涓�锛屾湁 楂樸�佷綆鍐插嚮褰㈠紡銆備綆鍐插嚮褰㈠紡鏈夊惛鑵裤�佽涪鑵裤�� @@ -2157,12 +2982,37 @@ 璺炽�佸脊韪㈣吙璺崇瓑銆� </p> - <div class="img-rights openImgBox"> - <img class="img-c" alt="" src="../../image/0189-2.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-6鈥� 寮�鍚堣烦 - </p> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-6.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-7.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-8.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-6鈥� 寮�鍚堣烦 + </p> + + + <div class="subsectionContent"> 锛�1锛夊姩浣滆棰� <div class="subsectionContent"> @@ -2175,21 +3025,87 @@ </div> </div> - <div class="img-float openImgBox"> - <img class="img-c" alt="" src="../../image/0189-3.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-7鈥� 渚с�佸墠寮撴璺� - </p> - </div> - <div class="img-rights openImgBox"> - <img class="img-c" alt="" src="../../image/0189-4.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-8鈥� 寮硅涪鑵胯烦 - </p> - </div> - <p style="margin-top: 90px"></p> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-9.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-10.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-11.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-12.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-13.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-7鈥� 渚с�佸墠寮撴璺� + </p> + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-14.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-15.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-16.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-17.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p176/176-18.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-8鈥� 寮硅涪鑵胯烦 + </p> + + + </div> </div> </div> @@ -2306,12 +3222,59 @@ </p> <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p> - <div class="img-float openImgBox"> - <img class="img-c" alt="" src="../../image/0191-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-9鈥� 鍥㈣韩璺� - </p> + + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p178/178-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p178/178-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p178/178-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p178/178-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p178/178-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-9鈥� 鍥㈣韩璺� + </p> + + + + + + + + + + + <p class="zt-cs">1. 鍥㈣韩璺�</p> <div class="subsectionContent"> @@ -2372,12 +3335,51 @@ <span class="sub-page">179</span> </div> <div class="bodystyle"> - <div class="img-rights openImgBox"> - <img class="img-c" alt="" src="../../image/0192-1.jpg" /> - <p class="img" style="color: #ac92c4; font-size: 14px"> - 鍥� 5-3-10鈥� 鍗曡冻杞綋 180掳 - </p> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p179/179-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p179/179-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p179/179-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p179/179-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit5/p179/179-5.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 5-3-10鈥� 鍗曡冻杞綋 180掳 + </p> + + + + <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� @@ -3850,7 +4852,10 @@ </div> </div> </div> - <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" lock-scroll :show-close="false" + + + + <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false" class="custom-dialog"> <div slot="title" class="header_title"> <span>{{ pdfTitle }}</span> @@ -3860,6 +4865,9 @@ <preView :isClear="dialogVisible" :md5="p_md5"></preView> </div> </el-dialog> + + + </div> </template> <script> @@ -4230,18 +5238,9 @@ }, toUrl(val) { if (val) { - const obj = { - type: 'pdf', - data: { - md5: this.chapter005.pdfMd5[val].md5, - title: this.chapter005.pdfMd5[val].name, - }, - } - this.$emit('openPDFChange', obj) - - // this.dialogVisible = true; - // this.p_md5 = this.chapter005.pdfMd5[val].md5; - // this.pdfTitle = this.chapter005.pdfMd5[val].name; + this.dialogVisible = true; + this.p_md5 = this.chapter005.pdfMd5[val].md5; + this.pdfTitle = this.chapter005.pdfMd5[val].name; } }, async getVideo(md5, val) { -- Gitblit v1.9.1