From cb54fc44f2277c491eea25c7831457ca118ecd3c Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 14 五月 2024 16:35:35 +0800
Subject: [PATCH] 分页

---
 src/books/childHealth/view/content/components/chapter001.vue |  525 +++++++++++++++++++++++++++++-----------------------------
 1 files changed, 261 insertions(+), 264 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 06adca7..35e1883 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="chapter-one">
+  <div class="chapter" num="1">
     <!-- 1 -->
-    <div class="page-box padding-96" >
+    <div class="page-box padding-96" page="1">
       <p class="center mb-80" id="a008">
         <img
           class="img-a"
@@ -44,259 +44,257 @@
       </p>
     </div>
     <!-- 2 -->
-    <div class="chapterOne">
-      <div class="page-box">
-        <evenHeaderVue :num="2" />
-        <div class="padding-96">
-          <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6>
-          <p class="blockh6-c tl ti2 " >
-            <span style="margin:10px 0;display:block">
-              浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒
-            </span>
+    <div class="page-box" page="2">
+      <evenHeaderVue :num="2" />
+      <div class="padding-96">
+        <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6>
+        <p class="blockh6-c tl ti2 " >
+          <span style="margin:10px 0;display:block">
+            浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒
+          </span>
+          <span class="span-border"></span>
+          <span class="fl fl-cn mb-20">
+            <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span>
+            <span class="t0" >涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span>
+            <img
+              src="../../../assets/images/icon/document.png"
+              alt=""
+              @click="changeResources('learnTbaleOne')"
+              style="margin-left: 10px"
+              class="btn"
+            />
+          </span>
+            <table
+            v-if="learnTbaleOne"
+              align="center"
+              border="1"
+              cellpadding="10"
+              cellspacing="0"
+              class="w100 table-br-color"
+            >
+              <!-- <caption class="fw-b" style="font-size: 18px; margin: 20px 0">
+                鑷富瀛︿範浠诲姟鍗曪細涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�
+              </caption> -->
+              <tr>
+                <th class="primary-color">涓�銆佸涔犳寚鍗�</th>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl primary-color">(涓�)瀛︿範鍐呭</span>
+                  <span class="ds-bl">涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span>
+                  <span class="ds-bl">瀛︿範涓婚涓� 杩愬姩绯荤粺</span>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span>
+                  <span class="ds-bl">1.浜嗚В杩愬姩绯荤粺鐨勭粍鎴愬強鍔熻兘銆�</span>
+                  <span class="ds-bl"
+                    >2.鎺屾彙瀛﹀墠鍎跨楠ㄩ銆佽倢鑲夈�佸叧鑺傜殑鐗圭偣銆�</span
+                  >
+                  <span class="ds-bl"
+                    >3.鎺屾彙瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐广��</span
+                  >
+                  <span class="ds-bl"
+                    >4.鎺屾彙鍚堢悊缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔ㄧ殑鏂规硶銆�</span
+                  >
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span>
+                  <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span>
+                  <span class="ds-bl"
+                    >1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
+                  >
+                  <span class="ds-bl"
+                    >2.瑙傜湅瑙嗛锛氥�婂鍓嶅効绔ラ楠肩殑鐢熺悊鐗圭偣涓庝繚鍋ャ�嬨��</span
+                  >
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl primary-color">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span>
+                  <span class="ds-bl"
+                    >1.娴嬮獙锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
+                  >
+                  <span class="ds-bl"
+                    >2.鐮旇锛氱粨鍚堝辜鍎垮洯瀹為檯鍜屾湰璇炬墍瀛﹀唴瀹癸紝璋堣皥鍦ㄥ辜鍎垮洯涓轰粈涔堣缁勭粐瀛﹀墠鍎跨鍧氭寔閫傚綋鐨勪綋鑲茬绮掗偅鍜屾埛澶栨椿鍔紝瀵瑰鍓嶅効绔ョ殑韬綋鍋ュ悍鏈夊摢浜涘ソ澶勶紵</span
+                  >
+                </td>
+              </tr>
+              <tr>
+                <th class="primary-color">浜屻�佸涔犱换鍔�</th>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl"
+                    >1.浜轰綋杩愬姩绯荤粺鐢卞摢涓変釜閮ㄥ垎缁勬垚锛熷悇閮ㄥ垎鐨勫姛鑳藉紡浠�涔堬紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10" 
+                    >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <span class="ds-bl mt-10"
+                    >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span
+                  >
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                  <input type="text" class="lineInput w100" />
+                </td>
+              </tr>
+              <tr>
+                <th class="primary-color">涓夈�佸涔犲弽棣�</th>
+              </tr>
+              <tr>
+                <td>
+                  <span class="ds-bl"
+                    >閽堝瀛︿範涓彂鐜扮殑鐭涚浘浠ュ強鐤戦棶绛夈�佹彁鍑洪棶棰樸��</span
+                  >
+                </td>
+              </tr>
+            </table>
             <span class="span-border"></span>
-            <span class="fl fl-cn mb-20">
-              <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span>
-              <span class="t0" >涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span>
-              <img
-                src="../../../assets/images/icon/document.png"
-                alt=""
-                @click="changeResources('learnTbaleOne')"
-                style="margin-left: 10px"
-                class="btn"
-              />
-            </span>
-              <table
-              v-if="learnTbaleOne"
-                align="center"
-                border="1"
-                cellpadding="10"
-                cellspacing="0"
-                class="w100 table-br-color"
-              >
-                <!-- <caption class="fw-b" style="font-size: 18px; margin: 20px 0">
-                  鑷富瀛︿範浠诲姟鍗曪細涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�
-                </caption> -->
-                <tr>
-                  <th class="primary-color">涓�銆佸涔犳寚鍗�</th>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl primary-color">(涓�)瀛︿範鍐呭</span>
-                    <span class="ds-bl">涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span>
-                    <span class="ds-bl">瀛︿範涓婚涓� 杩愬姩绯荤粺</span>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span>
-                    <span class="ds-bl">1.浜嗚В杩愬姩绯荤粺鐨勭粍鎴愬強鍔熻兘銆�</span>
-                    <span class="ds-bl"
-                      >2.鎺屾彙瀛﹀墠鍎跨楠ㄩ銆佽倢鑲夈�佸叧鑺傜殑鐗圭偣銆�</span
-                    >
-                    <span class="ds-bl"
-                      >3.鎺屾彙瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐广��</span
-                    >
-                    <span class="ds-bl"
-                      >4.鎺屾彙鍚堢悊缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔ㄧ殑鏂规硶銆�</span
-                    >
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span>
-                    <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span>
-                    <span class="ds-bl"
-                      >1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
-                    >
-                    <span class="ds-bl"
-                      >2.瑙傜湅瑙嗛锛氥�婂鍓嶅効绔ラ楠肩殑鐢熺悊鐗圭偣涓庝繚鍋ャ�嬨��</span
-                    >
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl primary-color">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span>
-                    <span class="ds-bl"
-                      >1.娴嬮獙锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
-                    >
-                    <span class="ds-bl"
-                      >2.鐮旇锛氱粨鍚堝辜鍎垮洯瀹為檯鍜屾湰璇炬墍瀛﹀唴瀹癸紝璋堣皥鍦ㄥ辜鍎垮洯涓轰粈涔堣缁勭粐瀛﹀墠鍎跨鍧氭寔閫傚綋鐨勪綋鑲茬绮掗偅鍜屾埛澶栨椿鍔紝瀵瑰鍓嶅効绔ョ殑韬綋鍋ュ悍鏈夊摢浜涘ソ澶勶紵</span
-                    >
-                  </td>
-                </tr>
-                <tr>
-                  <th class="primary-color">浜屻�佸涔犱换鍔�</th>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl"
-                      >1.浜轰綋杩愬姩绯荤粺鐢卞摢涓変釜閮ㄥ垎缁勬垚锛熷悇閮ㄥ垎鐨勫姛鑳藉紡浠�涔堬紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10" 
-                      >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <span class="ds-bl mt-10"
-                      >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span
-                    >
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                    <input type="text" class="lineInput w100" />
-                  </td>
-                </tr>
-                <tr>
-                  <th class="primary-color">涓夈�佸涔犲弽棣�</th>
-                </tr>
-                <tr>
-                  <td>
-                    <span class="ds-bl"
-                      >閽堝瀛︿範涓彂鐜扮殑鐭涚浘浠ュ強鐤戦棶绛夈�佹彁鍑洪棶棰樸��</span
-                    >
-                  </td>
-                </tr>
-              </table>
-              <span class="span-border"></span>
-            <span class="fl fl-cn mb-20">
-              <span class="learn-title-text">瑙嗛锛�</span>
-              <span class="t0">浜轰綋姒傝堪</span>
-              <img
-                src="../../../assets/images/icon/video.png"
-                alt=""
-                @click="changeResources('videoOne')"
-                style="margin-left: 10px"
-                class="btn"
-              />
-            </span>
-            <span v-if="videoOne">
-              <video
-                poster="../../../assets/images/chapterOne/people-video-img.jpg"
-                :src="config.resourceCtx + '/video/chapterOne/overview.mp4'"
-                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"
-              ></video>
-            </span>
-            <span class="span-border"></span>
-            <span class="fl fl-cn mb-20">
-              <span class="learn-title-text">浜戞祴璇曪細</span>
-              <span class="t0">浜轰綋姒傝堪</span>
-              <img
-                src="../../../assets/images/icon/topic.png"
-                alt=""
-                @click="changeResources('testOne')"
-                style="margin-left: 10px"
-                class="btn"
-              />
-            </span>
-              <examinations
-              v-if="testOne"
-                ref="examinationOne"
-                :productLinkPath="productLinkPath"
-              ></examinations>
-          </p>
-          <h2 class="module_block" id="b001" style="margin: 0">
-            <div class="custom1">瀛︿範涓婚涓�</div>
-            <div class="custom2">杩愬姩绯荤粺</div>
-          </h2>
-          <div class="chapter-one-center">
-            <p class="custom_tag"><b>鈥㈠涔犲垵浣撻獙鈥�</b></p>
-            <div class="fieldset">
-              <p class="block">
-                澶╁ぉ2宀佸浜嗭紝铏界劧璧拌矾鎸虹ǔ锛屽彲涓婃ゼ姊湁浜涜垂鍔插効銆備负闃叉浠栬穼鍊掞紝鐜嬭�佸笀鍙槸鐢ㄥ姏鎷変簡涓�涓嬩粬鐨勫乏鎵嬶紝娌℃兂鍒颁粬绐佺劧澶у摥璧锋潵锛屽洖鍒版暀瀹ゅ悗宸﹁噦涓嶈兘鎶妇鍜屽集鏇诧紝涓嶈兘鐢ㄥ乏鎵嬫嬁椋熺墿鍜岀帺鍏凤紝涔熶笉璁╁皬鏈嬪弸瑙︾浠栫殑宸﹁噦銆備簬鏄紝鐜嬭�佸笀绔嬪嵆甯﹀ぉ澶╁埌鍖婚櫌妫�鏌ャ�傜粡鍖荤敓璇婃柇锛屽ぉ澶╃殑鎵嬭噦鍑虹幇妗¢澶村崐鑴变綅锛屼織绉扳�滅壍鎷夎倶鈥濄�備綘濡備綍鐪嬪緟姝や簨锛�
-              </p>
-              <p class="block">
-                <input type="text" class="lineInput" />
-              </p>
-              <p class="block">
-                <input type="text" class="lineInput" />
-              </p>
-              <p class="block">
-                <input type="text" class="lineInput" />
-              </p>
-              <p class="block">
-                骞煎効鏁欏笀鍙湁鐔熸倝瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭壒鐐癸紝鎵嶈兘鍦ㄥ伐浣滆繃绋嬩腑鏈夐拡瀵规�у湴寮�灞曚繚鏁欏伐浣滐紝鏈夋晥缁存姢鍜屼績杩涘鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭敓鐞嗗拰淇濊偛鐭ヨ瘑锛屼负骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄥ強鏃ュ父鐢熸椿涓仛濂借繍鍔ㄧ郴缁熺殑鍗敓涓庝繚鍋ュ伐浣滄彁渚涚瀛︾殑渚濇嵁鍜屾寚瀵笺��
-              </p>
-            </div>
+          <span class="fl fl-cn mb-20">
+            <span class="learn-title-text">瑙嗛锛�</span>
+            <span class="t0">浜轰綋姒傝堪</span>
+            <img
+              src="../../../assets/images/icon/video.png"
+              alt=""
+              @click="changeResources('videoOne')"
+              style="margin-left: 10px"
+              class="btn"
+            />
+          </span>
+          <span v-if="videoOne">
+            <video
+              poster="../../../assets/images/chapterOne/people-video-img.jpg"
+              :src="config.resourceCtx + '/video/chapterOne/overview.mp4'"
+              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"
+            ></video>
+          </span>
+          <span class="span-border"></span>
+          <span class="fl fl-cn mb-20">
+            <span class="learn-title-text">浜戞祴璇曪細</span>
+            <span class="t0">浜轰綋姒傝堪</span>
+            <img
+              src="../../../assets/images/icon/topic.png"
+              alt=""
+              @click="changeResources('testOne')"
+              style="margin-left: 10px"
+              class="btn"
+            />
+          </span>
+            <examinations
+            v-if="testOne"
+              ref="examinationOne"
+              :productLinkPath="productLinkPath"
+            ></examinations>
+        </p>
+        <h2 class="module_block" id="b001" style="margin: 0">
+          <div class="custom1">瀛︿範涓婚涓�</div>
+          <div class="custom2">杩愬姩绯荤粺</div>
+        </h2>
+        <div class="chapter-one-center">
+          <p class="custom_tag"><b>鈥㈠涔犲垵浣撻獙鈥�</b></p>
+          <div class="fieldset">
+            <p class="block">
+              澶╁ぉ2宀佸浜嗭紝铏界劧璧拌矾鎸虹ǔ锛屽彲涓婃ゼ姊湁浜涜垂鍔插効銆備负闃叉浠栬穼鍊掞紝鐜嬭�佸笀鍙槸鐢ㄥ姏鎷変簡涓�涓嬩粬鐨勫乏鎵嬶紝娌℃兂鍒颁粬绐佺劧澶у摥璧锋潵锛屽洖鍒版暀瀹ゅ悗宸﹁噦涓嶈兘鎶妇鍜屽集鏇诧紝涓嶈兘鐢ㄥ乏鎵嬫嬁椋熺墿鍜岀帺鍏凤紝涔熶笉璁╁皬鏈嬪弸瑙︾浠栫殑宸﹁噦銆備簬鏄紝鐜嬭�佸笀绔嬪嵆甯﹀ぉ澶╁埌鍖婚櫌妫�鏌ャ�傜粡鍖荤敓璇婃柇锛屽ぉ澶╃殑鎵嬭噦鍑虹幇妗¢澶村崐鑴变綅锛屼織绉扳�滅壍鎷夎倶鈥濄�備綘濡備綍鐪嬪緟姝や簨锛�
+            </p>
+            <p class="block">
+              <input type="text" class="lineInput" />
+            </p>
+            <p class="block">
+              <input type="text" class="lineInput" />
+            </p>
+            <p class="block">
+              <input type="text" class="lineInput" />
+            </p>
+            <p class="block">
+              骞煎効鏁欏笀鍙湁鐔熸倝瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭壒鐐癸紝鎵嶈兘鍦ㄥ伐浣滆繃绋嬩腑鏈夐拡瀵规�у湴寮�灞曚繚鏁欏伐浣滐紝鏈夋晥缁存姢鍜屼績杩涘鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭敓鐞嗗拰淇濊偛鐭ヨ瘑锛屼负骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄥ強鏃ュ父鐢熸椿涓仛濂借繍鍔ㄧ郴缁熺殑鍗敓涓庝繚鍋ュ伐浣滄彁渚涚瀛︾殑渚濇嵁鍜屾寚瀵笺��
+            </p>
           </div>
-          <div class="chapter-one-center">
-            <div class="bottom-right">
-              <p class="lh2 tl-ju">
-                杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆�
-              </p>
-              <div class="text-img-box">
-                <div style="margin-right: 50px">
-                  <el-image :src="bonesImg" :preview-src-list="[bonesImg]" />
-                  <span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span>
-                </div>
-                <div>
-                  <h3 id="c001" style="margin-top: 0">
-                    涓�銆佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑鐗圭偣
-                  </h3>
-                  <h4 id="d001">锛堜竴锛夐</h4>
-                  <video
-                    poster="../../../assets/images/chapterOne/people-video-img.jpg"
-                    src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/bones.mp4"
-                    webkit-playsinline="true"
-                    x-webkit-airplay="true"
-                    playsinline="true"
-                    x5-video-orientation="h5"
-                    x5-video-player-fullscreen="true"
-                    x5-playsinline=""
-                    controls
-                    class="video-box video-border"
-                  ></video>
-                  <p class="img">瑙嗛锛氶楠�</p>
-                  <h5 id="e001">1.楠ㄧ敓闀胯繀閫�</h5>
-                  <p class="lh2 tl-ju">
-                    瀛﹀墠鍎跨姝e浜庤韩楂樺揩閫熷闀挎椂鏈燂紝鍏堕涓嶆柇澧為暱銆佸姞绮椼�傚鍓嶅効绔ョ殑楠ㄨ啘杈冨帤锛岃绠′赴瀵岋紝瀵归鐨勮惀鍏汇�佺敓闀垮拰鍐嶇敓鏈夐噸瑕佷綔鐢ㄣ��
-                  </p>
-                </div>
+        </div>
+        <div class="chapter-one-center">
+          <div class="bottom-right">
+            <p class="lh2 tl-ju">
+              杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆�
+            </p>
+            <div class="text-img-box">
+              <div style="margin-right: 50px">
+                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" />
+                <span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span>
+              </div>
+              <div>
+                <h3 id="c001" style="margin-top: 0">
+                  涓�銆佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑鐗圭偣
+                </h3>
+                <h4 id="d001">锛堜竴锛夐</h4>
+                <video
+                  poster="../../../assets/images/chapterOne/people-video-img.jpg"
+                  :src="config.resourceCtx + '/video/chapterOne/bones.mp4'"
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  class="video-box video-border"
+                ></video>
+                <p class="img">瑙嗛锛氶楠�</p>
+                <h5 id="e001">1.楠ㄧ敓闀胯繀閫�</h5>
+                <p class="lh2 tl-ju">
+                  瀛﹀墠鍎跨姝e浜庤韩楂樺揩閫熷闀挎椂鏈燂紝鍏堕涓嶆柇澧為暱銆佸姞绮椼�傚鍓嶅効绔ョ殑楠ㄨ啘杈冨帤锛岃绠′赴瀵岋紝瀵归鐨勮惀鍏汇�佺敓闀垮拰鍐嶇敓鏈夐噸瑕佷綔鐢ㄣ��
+                </p>
               </div>
             </div>
           </div>
@@ -429,7 +427,7 @@
       </div>
     </div>
     <!-- 5 -->
-    <div class="page-box">
+    <div class="page-box" page="5">
       <oddHeaderVue :special="1" :num="5" />
       <div class="padding-96">
         <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3>
@@ -722,7 +720,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/breathing-video.mp4"
+              :src="config.resourceCtx + '/video/chapterOne/breathing-video.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1028,7 +1026,7 @@
           </div>
           <div class="right" style="width: 65%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/blood-video.mp4"
+              :src="config.resourceCtx + '/video/chapterOne/blood-video.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1360,7 +1358,7 @@
           </div>
           <div class="right" style="width: 65%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/teeth.mp4"
+              :src=" config.resourceCtx + '/video/chapterOne/teeth.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -2063,8 +2061,7 @@
               <input type="text" class="lineInput w100" />
               <input type="text" class="lineInput w100" />
               <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">6.瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑淇濆仴瑕佺偣鏈夊摢浜�?
-璧勬簮灏忚创澹�?</span>
+              <span class="ds-bl mt-10">6.瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑淇濆仴瑕佺偣鏈夊摢浜�?璧勬簮灏忚创澹�?</span>
               <input type="text" class="lineInput w100" />
               <input type="text" class="lineInput w100" />
               <input type="text" class="lineInput w100" />
@@ -2105,7 +2102,7 @@
           </div>
           <div class="right" style="width: 65%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/endocrine.mp4"
+              :src=" config.resourceCtx + ' /video/chapterOne/endocrine.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -2374,7 +2371,7 @@
           <div class="right" style="width: 63%;margin-left:10px">
             <p class="center">
               <video
-                src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/brain.mp4"
+                :src="config.resourceCtx +  '/video/chapterOne/brain.mp4'"
                 poster="../../../assets/images/chapterOne/people-video-img.jpg"
                 webkit-playsinline="true"
                 x-webkit-airplay="true"
@@ -2735,7 +2732,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ョ溂鐫涚殑鐢熺悊鐗圭偣涓庝繚鍋�.mp4"
+              :src=" config.resourceCtx + '/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ョ溂鐫涚殑鐢熺悊鐗圭偣涓庝繚鍋�.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -2823,7 +2820,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ュ効绔ヨ�虫湹鐨勭敓鐞嗙壒鐐瑰強淇濆仴.mp4"
+              :src=" config.resourceCtx + '/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ュ効绔ヨ�虫湹鐨勭敓鐞嗙壒鐐瑰強淇濆仴.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -2992,7 +2989,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterOne/skin.mp4"
+              :src="config.resourceCtx +  '/video/chapterOne/skin.mp4'"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"

--
Gitblit v1.9.1