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