From 58a1f8c0fe7c46f21382f6359be02a8e375ece04 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 05 六月 2024 17:59:48 +0800
Subject: [PATCH] 体育与健康样章

---
 src/books/sportsAndHealth/view/testPp.vue | 1038 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 981 insertions(+), 57 deletions(-)

diff --git a/src/books/sportsAndHealth/view/testPp.vue b/src/books/sportsAndHealth/view/testPp.vue
index e63c4c9..e579bab 100644
--- a/src/books/sportsAndHealth/view/testPp.vue
+++ b/src/books/sportsAndHealth/view/testPp.vue
@@ -109,12 +109,14 @@
             鏈ā鍧楄缃簡涔掍箵鐞冭繍鍔ㄤ腑杈冧负鍩虹鐨勬妧鎴樻湳鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷彙鎷嶆柟娉曚笌鏍稿績鎶�鏈�佸弽鎵嬫帹鎸°�佹鎵嬫敾鐞冿紝浠ュ強璇剧▼骞冲彴涓殑骞冲嚮鍙戠悆锛涘熀鏈垬鏈缁冨寘鎷彂骞冲嚮鐞冩姠鏀伙紝浠ュ強璇剧▼骞冲彴涓殑鎺ュ钩鍑荤悆鎶㈡敾锛涚粍鍚堟妧鑳界粌涔犺缃殑鏄�1/2
             宸︽帹+鍙虫敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬帹鎸�+渚ц韩鏀汇�傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛岃兘澶熸彁楂樺熀鏈殑鎶�鎴樻湳姘村钩锛屼负鍙備笌鏈ā鍧楄缃殑姣旇禌鎻愪緵淇濋殰锛屼负鍚庣画妯″潡鐨勫缁冨瀹氬熀纭�銆�
           </p>
-          <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
-          <div class="pdf-wall">
-            <div class="pdf-item">
-              <img :src="pingpang" alt="" /><span @click="toUrl(3)"
-                >3 妯″潡涓�锛堜竴锛夊崟椤规妧鏈缁� 骞冲嚮鍙戠悆</span
-              >
+          <div class="pdf-tips-con">
+            <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(3)"
+                  >3 妯″潡涓�锛堜竴锛夊崟椤规妧鏈缁� 骞冲嚮鍙戠悆</span
+                >
+              </div>
             </div>
           </div>
           <p><span class="zt-cs">1.鎻℃媿鏂规硶涓庢牳蹇冩妧鏈�</span></p>
@@ -130,7 +132,9 @@
           <p>锛�2锛夊缁冨缓璁�</p>
           <p>鈶犲師鍦伴鐞冪粌涔狅紝瑕佹眰绔钩鐞冩媿銆�</p>
           <p>鈶¤杩涢棿棰犵悆缁冧範锛岃姹傝韩浣撻噸蹇冧繚鎸佹按骞崇姸鎬併��</p>
-          <p>鈶㈠澧欑粌涔狅紝鍏堣繘琛屾鍙嶆墜鐨勬敮鎾戠粌涔狅紝鍚屾椂缁撳悎鍗曟鍜屽苟姝ョ粌涔犮��</p>
+          <p style="margin-bottom: 30px">
+            鈶㈠澧欑粌涔狅紝鍏堣繘琛屾鍙嶆墜鐨勬敮鎾戠粌涔狅紝鍚屾椂缁撳悎鍗曟鍜屽苟姝ョ粌涔犮��
+          </p>
           <div class="bk-xyx">
             <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
             <p>
@@ -246,18 +250,23 @@
     <div class="page-box" page="37">
       <div v-if="showPageList.indexOf(37) > -1">
         <div class="bodystyle">
-          <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
-          <div class="pdf-wall">
-            <div class="pdf-item">
-              <img :src="pingpang" alt="" /><span @click="toUrl(4)"
-                >4 妯″潡涓�锛堜簩锛夊熀鏈垬鏈缁� 鎺ュ钩鍑荤悆鎶㈡敾</span
-              >
+          <div class="pdf-tips-con">
+            <p class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(4)"
+                  >4 妯″潡涓�锛堜簩锛夊熀鏈垬鏈缁冩帴骞冲嚮鐞冩姠鏀�</span
+                >
+                <img :src="pingpang" alt="" /><span @click="toUrl(5)"
+                  >5 妯″潡涓�锛堜笁锛夌粍鍚堟妧鑳界粌涔� 鎺ㄦ尅+渚ц韩鏀�</span
+                >
+              </div>
             </div>
           </div>
           <p><span class="zt-cs">鍙戝钩鍑荤悆鎶㈡敾</span></p>
           <p>锛�1锛夋垬鏈柟娉�</p>
           <p>鈶犲厛瑕佹爲绔嬪彂鐞冩姠鏀荤殑鎴樻湳鎰忚瘑銆�</p>
-          <p>鈶℃鎵嬪钩鍑诲彂鐞冨悗閫氳繃鑴氭绉诲姩淇濊瘉鍑荤悆鐐瑰湪鏈柟姝f墜鐨勪晶鍓嶆柟銆�</p>
+          <p>鈶℃鎵嬪钩鍑诲彂鐞冨悗閫氳繃鑴氭绉诲姩淇濊瘉鍑荤悆鐐瑰湪鏈柟姝�<br />鎵嬬殑渚у墠鏂广��</p>
           <p>鈶㈠湪鎶㈡敾鐨勮繃绋嬩腑淇濇寔鎶�鏈殑杩炶疮鎬с��</p>
           <p>鈶e彂鍔涢樁娈靛湪鍑荤悆鐨勫嵎甯︽湡銆�</p>
           <p>鈶ゆ敞鎰忓姩浣滅殑杩樺師銆�</p>
@@ -275,13 +284,6 @@
             <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
           </div>
           <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p>
-          <div class="pdf-wall">
-            <div class="pdf-item">
-              <img :src="pingpang" alt="" /><span @click="toUrl(5)"
-                >5 妯″潡涓�锛堜笁锛夌粍鍚堟妧鑳界粌涔� 鎺ㄦ尅+渚ц韩鏀�</span
-              >
-            </div>
-          </div>
           <p><span class="zt-cs">1/2宸︽帹+鍙虫敾</span></p>
           <p>锛�1锛夌粌涔犳柟娉�</p>
           <p>
@@ -308,13 +310,13 @@
             鍩烘湰鎴樻湳瀛︾粌鍖呮嫭瀵规敾鎴樻湳锛屼互鍙婅绋嬪钩鍙颁腑鐨勫彂杞笌涓嶈浆鐞冩姠鏀伙紱缁勫悎鎶�鑳界粌涔犺缃殑鏄帹鎸�+渚ц韩鏀伙紝浠ュ強璇剧▼骞冲彴涓殑宸︽帹+鍙虫敾銆傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛屽湪鎺屾彙涓�瀹氶毦搴︽妧鎴樻湳鍜岀粍鍚堟妧鑳界殑鍩虹涓婏紝鑳藉鍙備笌鏈ā鍧楄缃殑姣旇禌娲诲姩锛屽苟涓洪毦搴︽洿楂樼殑涓嬩竴妯″潡鐨勫缁冨仛濂介摵鍨��
           </p>
           <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
-          <div class="pdf-wall">
+          <!-- <div class="pdf-wall">
             <div class="pdf-item">
               <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                 >6 妯″潡浜岋紙涓�锛夊崟椤规妧鏈缁� 姝f墜蹇甫</span
               >
             </div>
-          </div>
+          </div> -->
           <p><span class="zt-cs">1.鏀荤悆銆佹帹鎸″拰蹇悡</span></p>
           <p>锛�1锛夊姩浣滆棰�</p>
           <p>
@@ -332,43 +334,56 @@
           <!-- <p class="center">
             <img class="img-a" alt="" src="../image/0122-1.jpg" />
           </p> -->
-          <div class="imgBox-003 openImgBox">
-            <div class="swiper-container swiper-img">
-              <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                  <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/354-1.png" />
+          <div class="pdf-tips-con">
+            <div class="imgBox-003 openImgBox" style="max-width: 360px">
+              <div class="swiper-container swiper-img">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/354-1.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/354-2.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/354-3.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/354-4.png" />
+                    </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/354-2.png" />
-                  </div>
-                </div>
-                <div class="swiper-slide">
-                  <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/354-3.png" />
-                  </div>
-                </div>
-                <div class="swiper-slide">
-                  <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/354-4.png" />
-                  </div>
-                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
               </div>
-              <div class="swiper-button-next"></div>
-              <div class="swiper-button-prev"></div>
+              <p class="img">鍥�3-5-4 蹇悡</p>
+            </div>
+            <div class="pdf-wall" style="top: 60px">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(6)"
+                  >6 妯″潡浜岋紙涓�锛夊崟椤规妧鏈缁� 姝f墜蹇甫</span
+                >
+                <img :src="pingpang" alt="" /><span @click="toUrl(7)"
+                  >7 妯″潡浜岋紙涓�锛夊崟椤规妧鏈缁� 杞笌涓嶈浆鐞冨彂鐞�</span
+                >
+              </div>
             </div>
           </div>
-          <p class="img">鍥�3-5-4 蹇悡</p>
+          <br />
           <p>锛�2锛夊缁冨缓璁�</p>
           <p>鈶犲涔犳鍙嶆墜鐨勬敮鎾戝姩浣溿��</p>
           <p>鈶℃鍙嶆墜鏀拺鍔ㄤ綔瀹屾垚鍚庯紝鍐嶅畬鎴愪晶鍓嶆柟鍗峰甫鍔ㄤ綔銆�</p>
           <p>鈶㈡鍙嶆墜鏀拺鍔ㄤ綔瀹屾垚鍚庯紝鍐嶅畬鎴愪晶涓嬫柟鍗峰甫鍔ㄤ綔銆�</p>
           <p>鈶f嫇灞曠粌涔狅細閫氳繃姝e弽鎵嬬殑杞崲缁冧範浣撻獙鏍稿績鎶�鏈殑鍖哄埆涓庤仈绯汇��</p>
-          <p><span class="zt-cs">2.鎱㈡悡</span></p>
+          <p style="margin-bottom: 30px"><span class="zt-cs">2.鎱㈡悡</span></p>
           <div class="bk-xyx">
-            <p class="bj1-xyx">娉ㄦ剰浜嬮」</p>
+            <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
             <p>1.鏀拺鍔ㄤ綔涓�瀹氳骞炽��</p>
             <p>2.鍏堥珮寮х嚎鏀拺锛岀啛缁冨悗鍐嶉�愭闄嶄綆寮х嚎銆�</p>
             <p>3.鏀拺鐔熺粌鍚庤繘琛屾敮鎾戝嵎甯︾粌涔犮��</p>
@@ -407,6 +422,761 @@
         </div>
       </div>
     </div>
+    <div class="page-box" page="39">
+      <div v-if="showPageList.indexOf(39) > -1">
+        <div class="bodystyle">
+          <p>锛�1锛夊姩浣滆棰�</p>
+          <p>
+            鎱㈡悡瑕佹眰鍙宠剼鍦ㄥ墠鎴栦袱鑴氬钩琛岀珯绔嬶紝韬綋绂诲彴40锝�50鍘樼背銆傛墜鑷傚鏃嬩娇鎷嶉潰瑙掑害鍚庝话锛屽墠鑷傚悜宸︿笂鏂瑰紩鎷嶈嚦鑳稿墠锛屾í鎻℃媿鎵嬭厱閫傚綋澶栧睍锛岀洿鎻℃媿鎵嬭厱浣滃眻锛屾媿澶存寚鍚戞枩涓婃柟銆傚綋鏉ョ悆璺宠嚦涓嬮檷鍓嶆湡锛屽墠鑷傚甫鍔ㄦ墜鑵曞姞閫熷悜鍙冲墠涓嬫柟銆傜敤鍔涙懇鎿︾悆鎷嶉潰鍚庯紝浠板嚮鐞冪殑涓笅鍋忓渚х殑閮ㄤ綅銆傚嚮鐞冨悗锛屽墠鑷傞『鍔垮墠閫侊紝骞舵敞鎰忚繕鍘熴��
+          </p>
+          <p>锛�2锛夊缁冨缓璁�</p>
+          <p>鈶犲厛杩涜棰犵悆缁冧範锛屽畬鎴�50娆¢鐞冨悗杩涜瀵瑰缁冧範銆�</p>
+          <p>鈶′笂鍙扮粌涔狅紝鍏堝畬鎴愭敮鎾戝姩浣溿��</p>
+          <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愪晶涓嬫柟鍗峰甫鍔ㄤ綔銆�</p>
+          <p style="margin-bottom: 30px">
+            鈶f嫇灞曠粌涔狅細閰嶅悎姝ユ硶杩涜杩炵画鐨勬悡鐞冪粌涔狅紝骞剁粨鍚堟瘮璧涜繍鐢ㄣ��
+          </p>
+          <div class="bk-xyx">
+            <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+            <p>1.涔掍箵鐞冪殑鎼撶悆缁冧範瑕佷弗鏍兼寜鐓ф妧鏈矾绾胯繘琛屻��</p>
+            <p>
+              2.鍏堝涔犳參鎼擄紝鍐嶅涔犲揩鎼擄紝鍏堥珮寮х嚎鏀拺锛岀劧鍚庢寜寮х嚎鐨勬柟寮忚繘琛岀粌涔犮��
+            </p>
+            <p>3.鍏堣繘琛屽崟鐞冪粌涔狅紝鐒跺悗杩涜杩炶疮鍔ㄤ綔鐨勭粌涔犮��</p>
+            <p>4.涓�瀹氬湪鐞冪殑涓嬮檷鏈熷嚮鐞冦��</p>
+            <p>5.姝e弽鎵嬫參鎼撴妧鏈姩浣滅浉鍚岋紝浣嗘柟鍚戠浉鍙嶃��</p>
+          </div>
+          <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
+          <p><span class="zt-cs">瀵规敾鎴樻湳</span></p>
+          <p>锛�1锛夋垬鏈柟娉�</p>
+          <p>
+            鍏堢粌鍘嬪弽鎵嬶紝浼烘満鎶㈡敾銆傚綋瀵规柟鍙嶆墜杈冨急鎴栬繘鏀昏兘鍔涗笉寮烘椂锛堝鐩存媿锛夛紝鍙敤鎺ㄦ尅銆佸弽鎵嬪揩鎷ㄦ垨寮у湀鐞冭繛缁帇瀵规柟鍙嶆墜锛屼己鏈哄帇涓�鏉夸腑璺紝鍔犲ぇ瑙掑害鎴栧姏閲忥紝杩娇瀵规柟鍥炵悆璐ㄩ噺涓嶉珮鍚庯紝鍐嶇獊鐒剁敤姝f墜杩涙敾銆傜浜屽帇鍙嶆墜鍙樻鎵嬶紝濡傛灉瀵规柟渚ц韩鐨勬剰璇嗗拰鑳藉姏寰堝己锛岃繖鏃跺啀杩炲帇鍙嶆墜灏卞彲鑳介�傚緱鍏跺弽锛岃�岃涓诲姩閲囧彇浼烘満鍙樻鎵嬬殑鏂瑰紡锛屾棦鍙伔琚鏂规鎵嬩綅绌哄綋锛屽張鍙壍鍒跺鏂圭殑渚ц韩鎶㈡敾锛屼竴涓句袱寰椼�傚鏋滆嚜宸辩殑鍙嶆墜涓嶅瀵规柟鑰屾鎵嬭繘鏀昏兘鍔涜緝寮猴紝鍙富鍔ㄥ彉绾垮舰鎴愭鎵嬪鏀汇��
+          </p>
+          <p>锛�2锛夊缁冨缓璁�</p>
+          <p>鈶犺繘琛屽緬鎵嬬殑瀵规敾缁冧範銆�</p>
+          <p>鈶¤繘琛屽悎娉曞彂鐞冨拰鎶�鏈鎺ョ粌涔犮��</p>
+          <p>鈶㈠厛杩涜鍒嗚В鍔ㄤ綔缁冧範锛屽啀杩涜瀹屾暣鎴樻湳缁冧範銆�</p>
+          <p style="margin-bottom: 30px">
+            鈶f嫇灞曠粌涔狅細閫氳繃涓嶆柇缁冧範鎻愰珮瀵规敾鐨勬垬鏈按骞冲拰璐ㄩ噺锛岄�氳繃灏忓瀷瀵规姉璧涙潵宸╁浐瀵规敾鎶�鏈��
+          </p>
+          <div class="bk-xyx">
+            <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+            <p>1.鎶�鏈川閲忔槸鎴樻湳鐨勫熀纭�銆�</p>
+            <p>2.鎴樻湳鎰忓浘鎵ц瑕佸潥瀹氥��</p>
+            <p>3.閫氳繃姝ユ硶绉诲姩瀵绘壘鏈�浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
+            <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
+          </div>
+          <!-- <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p> -->
+          <div class="pdf-tips-con">
+            <p class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(8)"
+                  >8 妯″潡浜岋紙浜岋級鍩烘湰鎴樻湳瀛︾粌 鍙戣浆涓庝笉杞悆鎶㈡敾</span
+                >
+                <img :src="pingpang" alt="" /><span @click="toUrl(9)"
+                  >9 妯″潡浜岋紙涓夛級缁勫悎鎶�鑳界粌涔� 宸︽帹+鍙虫敾</span
+                >
+              </div>
+            </div>
+          </div>
+          <p><span class="zt-cs">鎺ㄦ尅+渚ц韩鏀�</span></p>
+          <p>锛�1锛夌粌涔犳柟娉�</p>
+          <p>
+            鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐<br />绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅<br />鐨勪晶鍓嶆柟銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="40">
+      <div v-if="showPageList.indexOf(40) > -1">
+        <div class="bodystyle">
+          <p>
+            鈶″姩浣滆棰嗭細绔欏湪宸﹀崐鍙板厛杩涜鎺ㄦ枩绾跨粌涔狅紝鐒跺悗閫氳繃姝ユ硶绉诲姩鍒板乏渚ц竟绾垮锛屽悓鏃跺皢鎵ф媿鎵嬬Щ鍒版鎵嬩綅鐨勪晶韬綅锛岃皟鏁撮噸蹇冨埌鍙宠剼锛屽仛濂芥鎵嬫敾鏂滅嚎鐨勫噯澶囥�傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛涘嚮鐞冭繃绋嬩腑锛屼繚璇佸嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂癸紝鍚屾椂鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃璺虫绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��
+          </p>
+          <p>锛�2锛夌粌涔犺姹�</p>
+          <p>
+            绔欏湪宸﹀崐鍙拌竟锛岀鐞冨彴40锝�50鍘樼背銆傛帹鎸″拰渚ц韩鏀讳负鏂滅嚎锛岃惤鐐瑰湪鐞冨彴鐨勪腑绾挎垨宸︿晶杈逛綅缃�傞�氳繃姝ユ硶绉诲姩瀹屾垚鎶�鏈粍鍚堝姩浣溿��
+          </p>
+          <h5 id="e102"><span class="bj1-mk">妯″潡涓�</span></h5>
+          <p>
+            鏈ā鍧楅毦搴︽湁鎵�澧炲姞锛屽湪鍗曢」鎶�鏈缁冩柟闈㈣缃簡姝f墜寮у湀鐞冦�佹鎵嬪彂宸︿晶涓婏紙涓嬶級鏃嬬悆锛屼互鍙婅绋嬪钩鍙颁腑鐨勫姬鍦堢悆銆佸揩鎼撱�佸弽鎵嬪揩鎷紱鍩烘湰鎴樻湳瀛︾粌璁剧疆浜嗕晶韬鎵嬪彂宸︿晶涓婁笅鏃嬪悗鎶㈡敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬悡鏀绘垬鏈紱缁勫悎鎶�鑳界粌涔犺缃簡鍏ㄥ彴宸︽帹+鍙虫敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬帹鎸�+渚ц韩鏀汇�傛湰妯″潡鐨勫涔犳湁鍔╀簬鍚屽浠弬涓庢洿楂樿姹傜殑涔掍箵鐞冩瘮璧涙彁渚涢噸瑕佷繚闅溿��
+          </p>
+          <!-- <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p> -->
+          <div class="pdf-tips-con">
+            <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(10)"
+                  >10 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 寮у湀鐞�</span
+                >
+              </div>
+            </div>
+          </div>
+          <p><span class="zt-cs">1.姝f墜寮у湀鐞�</span></p>
+          <p>锛�1锛夊姩浣滆棰�</p>
+          <p>
+            鍑荤悆鍓嶏紝宸﹁剼绋嶅墠绔欑珛锛岃韩浣撶鍙�50锝�60鍘樼背锛涗互鍙虫墜涓轰緥锛屽紩鎷嶅悜鍙冲悗鏂癸紝鐞冩媿涓庢潵鐞冨悓楂樻垨绋嶄綆浜庢潵鐞冿紱鍦ㄧ悆鐨勪笂鍗囨湡鎴栭珮鐐规湡鍑荤悆鐨勪腑涓婇儴锛屽嚮鐞冪殑鐬棿锛屽簲灏嗗悜鍓嶇殑鎾炲嚮涓庢懇鎿︾悆鍔ㄤ綔铻嶄负涓�浣擄紱鍦ㄧ悆鐨勪笂鍗囨湡鍜岄珮鐐规湡鍑荤悆锛屽悓鏃惰繀閫熻繕鍘熴��
+          </p>
+          <!-- <p class="center">
+            <img class="img-a" alt="" src="../image/0124-1.jpg" />
+          </p> -->
+          <div class="pdf-tips-con">
+            <div class="imgBox-003 openImgBox" style="max-width: 360px">
+              <div class="swiper-container swiper-img">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/356-1.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/356-2.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/356-3.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/356-4.png" />
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../image/356-5.png" />
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+              <p class="img">鍥�3-5-6 姝f墜寮у湀鐞�</p>
+            </div>
+            <div class="pdf-wall" style="top: 60px">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(11)"
+                  >11 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 蹇悡</span
+                >
+                <img :src="pingpang" alt="" /><span @click="toUrl(12)"
+                  >12 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 鍙嶆墜蹇嫧</span
+                >
+              </div>
+            </div>
+          </div>
+          <br />
+          <p>锛�2锛夊缁冨缓璁�</p>
+          <p>鈶犲畬鎴�50娆″澧欑粌涔犮��</p>
+          <p>鈶″畬鎴愬崟涓姬鍦堢悆鎶�鏈粌涔犮��</p>
+          <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愯繛缁殑寮у湀鐞冩妧鏈粌涔犮��</p>
+          <p>鈶f嫇灞曠粌涔狅細閰嶅悎澶氱悆鏉ュ珐鍥烘妧鏈姩浣溿��</p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="41">
+      <div v-if="showPageList.indexOf(41) > -1">
+        <div class="bodystyle">
+          <p><span class="zt-cs">2.姝f墜鍙戝乏渚т笂锛堜笅锛夋棆鐞�</span></p>
+          <p>锛�1锛夊姩浣滆棰�</p>
+          <p>
+            姝f墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冩椂锛屽乏鑴氬湪鍓嶏紝鍙宠剼鍦ㄥ悗锛岃韩浣撲晶鍚戠悆鍙帮紝韬綋閲嶅績涓嬮檷銆傚乏鎵嬪皢鐞冨悜涓婃姏璧凤紝鍚屾椂鍙宠噦鍚戝彸鍚庝笂鏂瑰紩鎷嶏紝鎻℃媿鎵嬭厱澶栧睍锛岃叞閮ㄧ暐鍚戝彸杞姩銆傚綋鐞冧笅闄嶈嚦鎺ヨ繎缃戦珮鏃讹紝鍓嶈噦鍔犻�熷悜宸﹀墠鏂规尌鎽嗭紝瑙︾悆鏃舵墜鑷傘�佹墜鑵曞彂鍔涳紝鐩存彙鎷嶆墜鑵曞唴鏃嬶紝妯彙鎷嶆墜鑵曞唴鏀讹紝鑵伴儴閰嶅悎鍚戝乏杞�傚彂渚т笂鏃嬬悆鏃讹紝鎷嶉潰鐣ュ井绔嬭捣锛屽嚮鐞冪殑涓儴鍚戝乏渚т笂鏂规懇鎿︼紱鍙戜晶涓嬫棆鐞冩椂锛屾媿闈㈢暐鍚庝话锛屽嚮鐞冪殑涓笅閮ㄥ悜宸︿晶涓嬫柟鍚戞懇鎿︺�傞殢鍔挎尌鎷嶏紝杩呴�熻繕鍘熴��
+          </p>
+          <!-- <p class="center">
+            <img class="img-a" alt="" src="../image/0125-1.jpg" />
+          </p> -->
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/357-1.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/357-2.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/357-3.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/357-4.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/357-5.png" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
+          <p class="img">鍥�3-5-7 姝f墜鍙戝乏渚т笂锛堜笅锛夋棆鐞�</p>
+          <p>锛�2锛夊缁冨缓璁�</p>
+          <p>鈶犲涔犳纭殑鎶涚悆鍔ㄤ綔銆�</p>
+          <p>鈶¤繘琛屾棤鐞冨緬鎵嬬粌涔犮��</p>
+          <p>鈶㈣繘琛屾鎵嬪彂宸︿晶涓婏紙涓嬶級鏃嬬悆鐨勭粌涔犮��</p>
+          <p style="margin-bottom: 30px">
+            鈶f嫇灞曠粌涔狅細閫氳繃缁冧範涓嶆柇鎻愰珮鍙戠悆鐨勯�熷害鍜屽姏閲忥紝閫氳繃鐝骇瀵规姉璧涙潵宸╁浐鍙戠悆鎶�鏈��
+          </p>
+          <div class="bk-xyx">
+            <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+            <p>1.瀛︿範姝f墜鍙戠悆鏃跺厛瑕佽繘琛屽悎娉曞彂鐞冪粌涔犮��</p>
+            <p>2.姝f墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冭涓庢鎵嬫敾鐞冭繘琛屾湁鏁堢殑琛旀帴銆�</p>
+            <p>
+              3.姝f墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冭姹傚湪鍔ㄤ綔鐩镐技鐨勫墠鎻愪笅鍙戝嚭鏃嬭浆鐞冨拰涓嶈浆鐞冦��
+            </p>
+            <p>4.姝e弽鐨勫彂鐞冨姩浣滅浉鍚岋紝浣嗘柟鍚戠浉鍙嶃��</p>
+          </div>
+          <!-- <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p> -->
+          <div class="pdf-tips-con">
+            <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(13)"
+                  >13 妯″潡涓夛紙浜岋級鍩烘湰鎴樻湳瀛︾粌 鎼撴敾鎴樻湳</span
+                >
+              </div>
+            </div>
+          </div>
+          <p><span class="zt-cs">渚ц韩姝f墜鍙戝乏渚т笂涓嬫棆鍚庢姠鏀�</span></p>
+          <p>锛�1锛夋垬鏈柟娉�</p>
+          <p>
+            鍙戝乏渚ф棆鐞冭嚦瀵规柟鍙嶆墜浣嶃�佸弽鎵嬪簳绾垮ぇ瑙掍腑璺亸鍙嶆墜搴曠嚎鎴栬拷韬互鍙婃鎵嬪皬涓夎鐭悆锛屽啀閰嶅悎涓�鏉跨洿绾挎�ラ暱鐞冦�傚鏂逛晶韬交鎷夎嚦鍙嶆墜锛屽彲鐢ㄦ帹鎸″姞鍔涙垨蹇帇鐩寸嚎锛屼篃鍙敤渚ц韩鏀伙紙浠ラ�熷害涓轰富锛夌洿绾匡紝杩娇瀵规柟鎵戞晳姝f墜浣嶏紝鍐嶅鏈哄彂鍔涳紱濡傚鏂圭敤鍙嶆墜鎺ㄦ嫧鎴栬交鎸傝嚦鍙嶆墜锛屽彲鍘嬪埗鍏朵腑璺拷韬紱濡傚鏂圭洿鎺ュ洖鑷虫鎵嬩綅锛屽彲鐢ㄦ鎵嬪揩甯︾嚎鍒板鏂规鎵嬪ぇ瑙掞紝鐒跺悗绛夋鎵嬩綅鍋氳繛缁繘鏀荤殑鍑嗗銆�
+          </p>
+          <p>锛�2锛夊缁冨缓璁�</p>
+          <p>鈶犲厛杩涜寰掓墜鐨勫彂鎶㈢粌涔犮��</p>
+          <p>鈶¤繘琛屽悎娉曞彂鐞冨拰鎶�鏈鎺ョ粌涔犮��</p>
+          <p>鈶㈠厛杩涜鍒嗚В鍔ㄤ綔缁冧範锛屽啀杩涜瀹屾暣鎴樻湳缁冧範銆�</p>
+          <p style="margin-bottom: 30px">
+            鎷撳睍缁冧範锛氶�氳繃涓嶆柇缁冧範鎻愰珮鍙戠悆鎶㈡敾鐨勬垬鏈按骞冲拰鎶㈡敾鐨勮川閲忋��
+          </p>
+          <div class="bk-xyx">
+            <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+            <p>1.鍙戠悆璐ㄩ噺鏄姠鏀荤殑鍩虹銆�</p>
+            <p>2.鍙戠悆瑕佸悎涔庤瀹氥��</p>
+            <p>3.閫氳繃姝ユ硶绉诲姩锛屽鎵炬渶浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
+            <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="42">
+      <div v-if="showPageList.indexOf(42) > -1">
+        <div class="bodystyle">
+          <!-- <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p> -->
+          <div class="pdf-tips-con">
+            <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p>
+            <div class="pdf-wall">
+              <div class="pdf-item">
+                <img :src="pingpang" alt="" /><span @click="toUrl(14)"
+                  >14 妯″潡涓夛紙涓夛級缁勫悎鎶�鑳界粌涔� 鎺ㄦ尅+渚ц韩鏀�</span
+                >
+              </div>
+            </div>
+          </div>
+          <p><span class="zt-cs">鍏ㄥ彴宸︽帹+鍙虫敾</span></p>
+          <p>锛�1锛夌粌涔犳柟娉�</p>
+          <p>
+            鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅鐨勪晶鍓嶆柟銆�
+          </p>
+          <p>
+            鈶″姩浣滆棰嗭細鍦ㄥ乏鍗婂彴鍏堣繘琛屾帹鐩寸嚎缁冧範锛岀劧鍚庨�氳繃姝ユ硶绉诲姩鍒版鎵嬩綅锛岃皟鏁撮噸蹇冨埌鍙宠剼锛屽仛濂芥鎵嬫敾鏂滅嚎鐨勫噯澶囥�傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛涘湪鍑荤悆杩囩▼涓紝淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆傚悓鏃讹紝鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃鍗曟绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��
+          </p>
+          <p>锛�2锛夌粌涔犺姹�</p>
+          <p>
+            绔欏湪鐞冨彴鐨勫乏杈癸紝绂荤悆鍙�40锝�50鍘樼背銆傛帹鎸′负鐩寸嚎锛屾鎵嬫敾鐞冧负鏂滅嚎锛岃惤鐐逛綅缃湪宸﹀崐鍙扮殑杈圭嚎浣嶇疆銆傝閫氳繃姝ユ硶绉诲姩淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆�
+          </p>
+          <h4 class="h4-dy3" id="d068">
+            <span class="h4-dy3s">涓�</span>銆�鍙備笌涔掍箵鐞冩瘮璧�
+          </h4>
+          <p>
+            璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴锛屼簡瑙h嚜宸辨劅鍏磋叮鐨勬瘮璧涙椿鍔ㄧ殑鏂规硶銆佽姹傚拰娉ㄦ剰浜嬮」绛夛紝鑷缁勭粐姣旇禌锛屽湪绔炶禌涓珐鍥哄缁冩垚鏋溿��
+          </p>
+          <div class="pdf-text">
+            <div>
+              <p>
+                妯″潡涓�姣旇禌鏈夛細棰犵悆姣旇禌銆佹帹鎸℃瘮璧涖�佹鎵嬫敾鐞冩瘮璧涖��11鍒嗘暀瀛︽瘮璧涳紙涓�锛夈��
+              </p>
+              <p>妯″潡浜屾瘮璧涙湁锛氬揩鎷ㄦ瘮璧涖�佸揩鏀绘瘮璧涖��11鍒嗘暀瀛︽瘮璧涳紙浜岋級銆�</p>
+              <p>妯″潡涓夋瘮璧涙湁锛氭悡鐞冩瘮璧涖�佸姬鍦堢悆姣旇禌銆�11鍒嗘暀瀛︽瘮璧涳紙涓夛級銆�</p>
+            </div>
+            <div class="pdf-con pdf-con-15">
+              <div class="pdf-view">
+                <img :src="pingpang" alt="" /><span @click="toUrl(15)"
+                  >15 鎷撳睍璧勬枡锛氫箳涔撶悆瑁佸垽娉�</span
+                >
+              </div>
+            </div>
+          </div>
+          <h4 class="h4-dy3" id="d069">
+            <span class="h4-dy3s">鍥�</span>銆�瀹炴柦鑷富璇勪环
+          </h4>
+          <p>
+            鍦ㄥ墠闈㈠銆佺粌銆佽禌鐨勮繃绋嬩腑锛屽悓瀛︿滑瀵硅嚜宸卞拰韬竟鍚屽鐨勫涔犳晥鏋滄湁浜嗗垵姝ョ殑璇勫垽锛岄偅涔堝浣曠郴缁熷湴璇勪环鑷繁瀵逛箳涔撶悆杩愬姩鎶�鎴樻湳鐨勬帉鎻$▼搴﹀拰鏁翠釜杩愬姩鐨勭悊瑙g▼搴﹀憿锛熻鍚屽浠櫥褰曡绋嬪钩鍙帮紝杩涜绯荤粺銆佸叏闈㈢殑鑷富璇勪环銆�
+          </p>
+          <h4 class="h4-dy3" id="d070">
+            <span class="h4-dy3s">浜�</span>銆�璁粌涓撻」浣撹兘
+          </h4>
+          <p>
+            鎯宠鏇村ソ鍦板彂鎸ヨ嚜宸辩殑姘村钩锛岀涓嶅紑涓撻」浣撹兘鐨勬敮鎾戙�傚悓瀛︿滑闇�瑕佷笉鏂湴璁粌骞舵彁鍗囪嚜宸辩殑涓撻」浣撹兘锛屼负浠婂悗鏇村ソ鍦板弬涓庝箳涔撶悆杩愬姩锛屼箖鑷冲湪鑱屽満涓睍鐜板嚭鏇村ソ鐨勮韩浣撶礌璐ㄦ墦鐗㈠熀纭�銆�
+          </p>
+          <p style="margin-bottom: 30px">
+            璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鏉犻搩绠韫层�佷晶鎶涘疄蹇冪悆鍜岀怀姊娉曡缁冨強妯悜灏忔粦姝ャ�佷袱杩涗袱鍑虹殑涓撻」浣撹兘璁粌銆�
+          </p>
+          <div class="bk-xyx" style="padding: 2px 0">
+            <div class="bj1-xyx publicxbc">
+              路 瑙嗛搴撻泦 路
+              <div class="icon" @click="activityXyx2">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="16.863"
+                  height="13.817"
+                  viewBox="0 0 19.863 13.817"
+                >
+                  <g transform="translate(-40.961 -184.321)">
+                    <path
+                      class="a"
+                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                      transform="translate(51.824 196.82) rotate(-90)"
+                    />
+                    <path
+                      class="b"
+                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                      transform="translate(-3269 15293.001)"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <br />
+            <p class="public-tips">椤圭洰浜� 路 瑙嗛搴撻泦</p>
+            <div class="parentVideo" v-if="isShowXyx02">
+              <div class="videoItem" v-if="chapter002.videoShow1">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v1"
+                ></video>
+                <span>{{ chapter002.videoMd5.v1.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow1">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v2"
+                ></video>
+                <span>{{ chapter002.videoMd5.v2.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow1">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v3"
+                ></video>
+                <span>{{ chapter002.videoMd5.v3.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow1">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v4"
+                ></video>
+                <span>{{ chapter002.videoMd5.v4.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow1">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v5"
+                ></video>
+                <span>{{ chapter002.videoMd5.v5.name }}</span>
+              </div>
+
+              <div class="videoItem" v-if="chapter002.videoShow2">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v6"
+                ></video>
+                <span>{{ chapter002.videoMd5.v6.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow2">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v7"
+                ></video>
+                <span>{{ chapter002.videoMd5.v7.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow2">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v8"
+                ></video>
+                <span>{{ chapter002.videoMd5.v8.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow2">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v9"
+                ></video>
+                <span>{{ chapter002.videoMd5.v9.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow2">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v10"
+                ></video>
+                <span>{{ chapter002.videoMd5.v10.name }}</span>
+              </div>
+
+              <div class="videoItem" v-if="chapter002.videoShow3">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v11"
+                ></video>
+                <span>{{ chapter002.videoMd5.v11.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow3">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v12"
+                ></video>
+                <span>{{ chapter002.videoMd5.v12.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow3">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v13"
+                ></video>
+                <span>{{ chapter002.videoMd5.v13.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow3">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v14"
+                ></video>
+                <span>{{ chapter002.videoMd5.v14.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow3">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v15"
+                ></video>
+                <span>{{ chapter002.videoMd5.v15.name }}</span>
+              </div>
+
+              <div class="videoItem" v-if="chapter002.videoShow4">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v16"
+                ></video>
+                <span>{{ chapter002.videoMd5.v16.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow4">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v17"
+                ></video>
+                <span>{{ chapter002.videoMd5.v17.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow4">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v18"
+                ></video>
+                <span>{{ chapter002.videoMd5.v18.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow4">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v19"
+                ></video>
+                <span>{{ chapter002.videoMd5.v19.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow4">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v20"
+                ></video>
+                <span>{{ chapter002.videoMd5.v20.name }}</span>
+              </div>
+
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v21"
+                ></video>
+                <span>{{ chapter002.videoMd5.v21.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v22"
+                ></video>
+                <span>{{ chapter002.videoMd5.v22.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v23"
+                ></video>
+                <span>{{ chapter002.videoMd5.v23.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v24"
+                ></video>
+                <span>{{ chapter002.videoMd5.v24.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v25"
+                ></video>
+                <span>{{ chapter002.videoMd5.v25.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v26"
+                ></video>
+                <span>{{ chapter002.videoMd5.v26.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v27"
+                ></video>
+                <span>{{ chapter002.videoMd5.v27.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v28"
+                ></video>
+                <span>{{ chapter002.videoMd5.v28.name }}</span>
+              </div>
+              <div class="videoItem" v-if="chapter002.videoShow5">
+                <video
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-border w100"
+                  :src="chapter002.videoUrl.v29"
+                ></video>
+                <span>{{ chapter002.videoMd5.v29.name }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -420,27 +1190,162 @@
     questionData: {
       type: Object,
     },
+    isSearch: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
+      isShowXyx02: false,
       pingpang: require("../image/pdf.png"),
       chapter002: {
         isShowXyx01: true,
         textBybItem1: "",
+        pdfMd5: {
+          1: "54741d14a21eb47b2ed06a2231271cd5",
+          2: "1b7ecc924bfab900ec10f0ed4bb2466b",
+          3: "f1597b91fb3110eb6fd59c84f5ddbfd1",
+          4: "515f3dd2554dbdea779c59800a8da6b2",
+          5: "b32afdfb8555ad8db1aa1fd95750369f",
+          6: "57481cd4e7e7ce535eb6585d375e317e",
+          7: "878a8bbb91f093107cae210ade9a387e",
+          8: "e242f94d2bdc54de7b5340d452256515",
+          9: "1ce6dc7953b1783de746e0de672ffbe4",
+          10: "030b943ad33a4c0f31524f0f1ec9c14f",
+          11: "2a458d11dc021318e2d3aa4f92cf3e36",
+          12: "81957321d71fd270f67fe74f7ef2b9e8",
+          13: "5f675eff789c96ce8a6cf80679c8a992",
+          14: "02236dec8a8e87176b1df2435b82fb87",
+          15: "fa38047ab9eed59f3296940778cc6cfd",
+        },
+        videoMd5: {
+          v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1鏍稿績鎶�鏈�" },
+          v2: {
+            md5: "07cd17a31b6648cfce8065144f2cf80a",
+            name: "2姝e弽鎵嬫敮鎾戝嵎甯�",
+          },
+          v3: {
+            md5: "8dea53331d520d7b39bc2a393bd1e6b6",
+            name: "3鎺ㄦ尅鍜屾鎵嬫敾鐞�",
+          },
+          v4: { md5: "3eba3ce508187071cfd72142f283766b", name: "4鍙嶆墜鎺ㄦ尅" },
+          v5: { name: "5骞冲嚮鍙戠悆", md5: "13a7382a21136ba5d284ab03bc7ad970" },
+          v6: { name: "6鎺ュ彂鐞冩姠鏀�", md5: "d97edccc25fc22dfe445b429e45c8733" },
+          v7: { name: "7浜屽垎涔嬩竴", md5: "d75d475ff7dbb48c34ff48a3a1d82613" },
+          v8: { name: "8鎺ㄦ尅渚ц韩鏀�", md5: "8a8c0d8b3853b29f339816659abd66aa" },
+          v9: { name: "9璺崇怀", md5: "9c67757467a53feb2c0a0e27ec8022a1" },
+          v10: { name: "10鍗曟缁冧範", md5: "c0f3327cad5f22ca90bcbaa86283b9d2" },
+          v11: { name: "11骞舵婊戞", md5: "948244798e8b9230372d8958aff1025a" },
+          v12: {
+            name: "12鏀荤悆銆佹帹鎸″拰鎼撶悆",
+            md5: "031ecadb43d24a19f1c127a12d616d04",
+          },
+          v13: { name: "13鎱㈡悡", md5: "f4950882dc39c94cf7142c7a6db1dfb4" },
+          v14: { name: "14姝f墜蹇甫", md5: "8d4f45af584a9380f2cc7e89669f9cb4" },
+          v15: {
+            name: "15杞笌涓嶆棆鐞冨彂鐞�",
+            md5: "9bffeb833ebce386d0a501ceffa0da5b",
+          },
+          v16: {
+            name: "16鍙戞棆涓庝笉杞悆鎶㈡敾",
+            md5: "6eee3474169e5115a34f97d1e88e5a37",
+          },
+          v17: { name: "17瀵规敾鎴樻湳", md5: "73aef026f69c517a6960391e988ded40" },
+          v18: { name: "18涓夊垎涔嬩簩", md5: "62cf2e9ff7b31e506b3a916ea322a8bf" },
+          v19: { name: "19澶氱悆缁冧範", md5: "6f1d03723c1c64c3761c4274e7f5ebe6" },
+          v20: {
+            name: "20浜ゅ弶姝ョ粌涔�",
+            md5: "c1ed6663e29bdca2201cbb8b7887e9d8",
+          },
+          v21: {
+            name: "21寮у湀鐞冧笌鏀荤悆鍜屼笅鏃嬬悆",
+            md5: "95e61a853095c7a9c910f172f282096a",
+          },
+          v22: { name: "22蹇悡", md5: "e116cf8c12a0db61e03c6c0628f56942" },
+          v23: { name: "23鍙嶆墜蹇嫧", md5: "c84e3d255f83005322d0c24c043fea2a" },
+          v24: {
+            name: "24姝f墜寮у湀鐞�",
+            md5: "09ba85a89ce6e025aacfff63b24ef652",
+          },
+          v25: {
+            name: "25姝f墜鍙戝乏渚т笂(涓�)鏃嬬悆",
+            md5: "595aff1cc303fb4b12dfbabea28bab7b",
+          },
+          v26: {
+            name: "26渚ц韩姝f墜鍙戝乏渚т笂涓嬫棆鍚庢姠鏀�",
+            md5: "d116993f5cb6fb8effa915b674235e72",
+          },
+          v27: { name: "27鎼撴敾鎴樻湳", md5: "0568c743eeaec7f4a89b1c8657e9d232" },
+          v28: {
+            name: "28鍏ㄥ彴宸︽帹鍙虫敾",
+            md5: "b46fcc0841a4a3265c6f3f1fadad2b37",
+          },
+          v29: { name: "29璺ㄦ缁冧範", md5: "89063e2b3235dfe25a688bfdfb9a147a" },
+        },
+        videoUrl: {},
+        videoShow1: false,
+        videoShow2: false,
+        videoShow3: false,
+        videoShow4: false,
+        videoShow5: false,
       },
     };
   },
+  created() {
+    if (!this.isSearch) {
+      this.getVideo(this.chapter002.videoMd5.v1.md5, "v1");
+      this.getVideo(this.chapter002.videoMd5.v2.md5, "v2");
+      this.getVideo(this.chapter002.videoMd5.v3.md5, "v3");
+      this.getVideo(this.chapter002.videoMd5.v4.md5, "v4");
+      this.getVideo(this.chapter002.videoMd5.v5.md5, "v5");
+      this.getVideo(this.chapter002.videoMd5.v6.md5, "v6");
+
+      setTimeout(() => {
+        this.getVideo(this.chapter002.videoMd5.v7.md5, "v7");
+        this.getVideo(this.chapter002.videoMd5.v8.md5, "v8");
+        this.getVideo(this.chapter002.videoMd5.v9.md5, "v9");
+        this.getVideo(this.chapter002.videoMd5.v10.md5, "v10");
+        this.getVideo(this.chapter002.videoMd5.v11.md5, "v11");
+        this.getVideo(this.chapter002.videoMd5.v12.md5, "v12");
+      }, 1000);
+
+      setTimeout(() => {
+        this.getVideo(this.chapter002.videoMd5.v13.md5, "v13");
+        this.getVideo(this.chapter002.videoMd5.v14.md5, "v14");
+        this.getVideo(this.chapter002.videoMd5.v15.md5, "v15");
+        this.getVideo(this.chapter002.videoMd5.v16.md5, "v16");
+        this.getVideo(this.chapter002.videoMd5.v17.md5, "v17");
+        this.getVideo(this.chapter002.videoMd5.v18.md5, "v18");
+      }, 3000);
+
+      setTimeout(() => {
+        this.getVideo(this.chapter002.videoMd5.v19.md5, "v19");
+        this.getVideo(this.chapter002.videoMd5.v20.md5, "v20");
+        this.getVideo(this.chapter002.videoMd5.v21.md5, "v21");
+        this.getVideo(this.chapter002.videoMd5.v22.md5, "v22");
+        this.getVideo(this.chapter002.videoMd5.v23.md5, "v23");
+        this.getVideo(this.chapter002.videoMd5.v24.md5, "v24");
+      }, 5000);
+
+      setTimeout(() => {
+        this.getVideo(this.chapter002.videoMd5.v25.md5, "v25");
+        this.getVideo(this.chapter002.videoMd5.v26.md5, "v26");
+        this.getVideo(this.chapter002.videoMd5.v27.md5, "v27");
+        this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
+        this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
+      }, 7000);
+    }
+  },
   methods: {
     async toUrl(val) {
-      if (val == 1) {
-        window.open(await getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
+      if (val) {
+        window.open(await getResourcePath(this.chapter002.pdfMd5[val]));
       }
-      if (val == 2) {
-        window.open(await getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
-      }
-      if (val == 3) {
-        window.open(await getResourcePath("f1597b91fb3110eb6fd59c84f5ddbfd1"));
-      }
+    },
+    async getVideo(md5, val) {
+      const data = await getResourcePath(md5);
+      this.chapter002.videoUrl[val] = data;
     },
     ChangeBlur() {
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
@@ -448,6 +1353,25 @@
     activityXyx1() {
       this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
     },
+    activityXyx2() {
+      this.isShowXyx02 = !this.isShowXyx02;
+      this.chapter002.videoShow1 = true;
+      setTimeout(() => {
+        this.chapter002.videoShow2 = true;
+      }, 1000);
+
+      setTimeout(() => {
+        this.chapter002.videoShow3 = true;
+      }, 3000);
+
+      setTimeout(() => {
+        this.chapter002.videoShow4 = true;
+      }, 5000);
+
+      setTimeout(() => {
+        this.chapter002.videoShow5 = true;
+      }, 7000);
+    },
   },
 };
 </script>

--
Gitblit v1.9.1