From 781876372311fa27266a223062b460ac09e93a40 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 31 五月 2024 14:27:28 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/childHealth/view/content/components/chapter008.vue | 136 +++++++++++++++++----------------------------
1 files changed, 52 insertions(+), 84 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index 0593088..74cd830 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -53,8 +53,9 @@
/>
涓撻瀵煎
</h6>
- <p class="blockh6 m0-t0">
- <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
+ <p class="blockh6 m0-t0 openImgBox">
+ <img src="../../../assets/images/chapterEight/0223-1.jpg" class="w100">
+
</p>
</div>
</div>
@@ -611,7 +612,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
- <examinations :cardList="questionData[223]" :chapter="8" :page="215" />
+ <examinations v-if="questionData && questionData[223]" :cardList="questionData[223]" :chapter="8" :page="215" />
</p>
</div>
</div>
@@ -999,7 +1000,7 @@
</div>
<div class="padding-96">
<h5 id="e270">2.鍜介儴寮傜墿</h5>
- <div class="fl fl-around">
+ <div class="fl fl-around ">
<div class="left" style="width: 38%">
<p>
鍜介儴寮傜墿浠ラ奔鍒恒�侀澶存福銆佹灒鏍哥瓑杈冧负澶氳銆傚紓鐗╁ぇ澶氭墡鍦ㄦ墎妗冧綋鎴栧叾鍛ㄥ洿锛屽紩璧风柤鐥涳紝鍚炲捊鏃剁柤鐥涘姞鍓с�傚捊閮ㄥ紓鐗╂渶濂界敤闀婂瓙鍙栧嚭锛屽垏涓嶅彲閲囩敤椋熼唻鎴栧ぇ鍙ｅ悶楗殑鍔炴硶锛屽惁鍒欎細浣垮紓鐗╄秺鎵庤秺娣憋紝鍑虹幇鍗遍櫓銆傝嫢鏃犳硶鍙栧嚭锛屽簲绔嬪嵆閫佸尰闄㈠鐞嗐��
@@ -1034,20 +1035,16 @@
澶勭悊鍔炴硶锛氬杈冨皬骞煎効锛屽疁閫熷皢鍏舵姳璧凤紝澶翠綆鑴氶珮锛屾媿鑳岋紙瑙佸浘8-1锛夈�傜粡涓婅堪澶勭悊锛屾湁鏃跺彲浣垮す鍦ㄥ枆閮ㄧ殑寮傜墿鍜冲嚭銆備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆傚杈冨ぇ骞煎効鍙噰鐢ㄦ捣濮嗗埄甯屾墜娉曘�傛晳鎶よ�呭彲浠庡悗鏂规悅浣忓辜鍎胯叞閮紝鐢ㄥぇ鎷囨寚鐨勪竴渚ч《浣忓辜鍎夸笂鑵归儴锛岄棿鏂湴鍚戜笂銆佸悜鍚庯紝鍐插嚮鎬ф帹鍘嬶紝淇冧娇妯唸鑲屾尋鍘嬭偤閮紝浜х敓姘旀祦锛屽皢杩涘叆姘旂鐨勫紓鐗╁啿鍑猴紙瑙佸浘8-2锛夈�備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆�
</p>
- <div class="fl fl-around">
+ <div class="fl fl-around openImgBox">
<div class="left" style="width: 60%">
<p class="center">
- <el-image
- :src="backslapping"
- :preview-src-list="[backslapping]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100">
</p>
<p class="img">鍥�8-1 鎷嶈儗娉曟搷浣滅ず鎰忓浘</p>
</div>
<div class="right" style="width: 33%">
<p class="center">
- <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
+ <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100">
</p>
<p class="img">鍥�8-2 娴峰鍒╁笇鎵嬫硶鎿嶄綔绀烘剰鍥�</p>
</div>
@@ -1155,8 +1152,8 @@
</p>
</div>
<div class="right" style="width: 20%">
- <p class="center">
- <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100">
</p>
<p class="img">鍥�8-3 鏅曞帴鐨勫鐞�</p>
</div>
@@ -1462,26 +1459,16 @@
</div>
<div class="padding-96">
<p class="t0">澶勶紝瑙佸浘8-5锛夈��</p>
- <div class="fl">
+ <div class="fl openImgBox">
<div class="left" style="width: 50%">
<p class="center">
- <el-image
- style="width: 60%"
- :src="pressingOne"
- :preview-src-list="[pressingOne]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100">
</p>
<p class="img">鍥�8-4 鍙屾寚鎸夊帇娉�</p>
</div>
<div class="right" style="width: 50%">
<p class="center">
- <el-image
- style="width: 60%"
- :src="pressingTwo"
- :preview-src-list="[pressingTwo]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100">
</p>
<p class="img">鍥�8-5 鍙屾墜鐜姳鎷囨寚鎸夊帇娉�</p>
</div>
@@ -1490,36 +1477,45 @@
<p>
鈶㈠浜庤緝澶у効绔ワ紝鍙敤鍗曟墜鎴栧弻鎵嬫寜鍘嬭兏楠ㄤ笅鍗婇儴銆傚崟鎵嬭兏澶栨寜鍘嬫椂锛屽彲鐢ㄤ竴鍙墜鍥哄畾鎮ｅ効澶撮儴锛屼互渚块�氭皵锛屽彟涓�鎵嬬殑鎵嬫帉鏍归儴缃簬鑳搁涓嬪崐娈碉紝鎵嬫帉鏍圭殑闀胯酱涓庤兏楠ㄧ殑闀胯酱涓�鑷达紙瑙佸浘8-6锛夈�傚弻鎵嬭兏澶栨寜鍘嬫椂锛屽皢涓�鎵嬫帉鏍归儴閲嶅彔鏀惧湪鍙︿竴鎵嬭儗涓婏紝鍗佹寚鐩告墸锛屼笅闈㈡墜鐨勬墜鎸囨姮璧凤紝鎵嬫帉鏍归儴鍨傜洿鎸夊帇鑳搁涓嬪崐閮紙瑙佸浘8-7锛夈��
</p>
- <div class="fl fl-around">
+ <div class="fl fl-around openImgBox">
<div class="left" style="width: 40%">
<p class="center">
- <el-image
- :src="pressingThree"
- :preview-src-list="[pressingThree]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100">
</p>
<p class="img">鍥�8-6 鍗曟墜鑳稿鎸夊帇</p>
</div>
<div class="right" style="width: 40%">
- <el-carousel loop trigger="click" class="bones-carousel carousel-image">
- <el-carousel-item
- v-for="(item, index) in pressList"
- :key="index"
- class="bones-carousel-item"
- >
- <el-image
- :src="item"
- :preview-src-list="pressList"
- :preview-teleported="true"
- class="open-image"
- />
- </el-carousel-item>
- </el-carousel>
+ <div class="banshi openImgBox" style="height:214px">
+ <div class="swiper-container swiper-img">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div
+ class="imgBox"
+ style="width: 100%; height: 100%"
+ >
+ <img
+ src="../../../assets/images/chapterEight/pase1.png"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div
+ class="imgBox"
+ style="width: 100%; height: 100%"
+ >
+ <img
+ src="../../../assets/images/chapterEight/pase2.png"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
<p class="img">鍥�8-7 鍙屾墜鑳稿鎸夊帇</p>
</div>
</div>
-
<p>
娉ㄦ剰锛氣憼鎸夊帇娣卞害鑷冲皯涓鸿兏鍓嶅悗寰勭殑1/3锛堝┐鍎垮ぇ绾︿负4鍘樼背锛屽辜鍎垮ぇ绾︿负5鍘樼背锛夈�傛寜鍘嬮鐜囦负100锝�120娆�/鍒嗐�傛瘡涓�娆℃寜鍘嬪悗锛岃鑳稿粨鍏呭垎鍥炲脊锛屼互淇濋殰蹇冭剰琛�娴佺殑鍏呯泩銆傚簲淇濇寔鑳稿鎸夊帇鐨勮繛缁�э紝灏介噺鍑忓皯鑳稿鎸夊帇鐨勪腑鏂紙锛�10绉掞級銆傛湁鏉′欢鏃跺湪姣�5涓惊鐜績鑲哄鑻忓嵆2鍒嗛挓鍚庢崲浜烘寜鍘嬶紝浠ヤ繚璇佹寜鍘嬫晥鏋溿��
</p>
@@ -1552,26 +1548,16 @@
<p>
锛�2锛夋墭棰屾硶銆傚綋鎮ｅ効棰堟涓嶈兘杩愬姩鎴栨��鐤戞湁棰堟鎹熶激鏃跺彲閲囩敤鎵橀娉曘�傚皢鍙屾墜鏀剧疆鍦ㄦ偅鍎垮ご閮ㄤ袱渚э紝鎻′綇涓嬮瑙掞紝鍚戜笂鎵樹笅棰岋紝浣垮ご閮ㄥ悗浠扮▼搴︿负涓嬮瑙掍笌鑰冲瀭杩炵嚎鍜屽湴闈㈡垚60掳锛堝辜鍎匡級鎴�30掳锛堝┐鍎匡級锛堣鍥�8-9锛夈�傛搷浣滆繃绋嬩腑闇�娉ㄦ剰鎵嬫寚涓嶅彲鍘嬮涓嬭蒋缁勭粐锛屼互鍏嶉樆濉炴皵閬撱��
</p>
- <div class="fl">
+ <div class="fl openImgBox">
<div class="left" style="width: 50%">
<p class="center">
- <el-image
- :src="upward"
- :preview-src-list="[upward]"
- style="width: 50%"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100">
</p>
<p class="img">鍥�8-8 浠板ご鎶娉�</p>
</div>
<div class="right" style="width: 50%">
<p class="center">
- <el-image
- style="width: 65%"
- :src="upwards"
- :preview-src-list="[upwards]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100">
</p>
<p class="img">鍥�8-9 鎵橀娉�</p>
</div>
@@ -1608,8 +1594,8 @@
<h5 id="e286">2.鎸囧帇姝㈣娉�</h5>
<div class="fl fl-around">
<div class="left" style="width: 25%">
- <p class="center">
- <el-image :src="hemostasis" :preview-src-list="[hemostasis]" class="open-image" />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100">
</p>
<p class="img">鍥�8-10 鎸囧帇姝㈣娉曞父鐢ㄦ琛�閮ㄤ綅</p>
</div>
@@ -1659,7 +1645,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
- <examinations :cardList="questionData[235]" :chapter="8" :page="227" />
+ <examinations v-if="questionData && questionData[235]" :cardList="questionData[235]" :chapter="8" :page="227" />
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
<div class="fieldset">
@@ -2139,7 +2125,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
- <examinations :cardList="questionData[240]" :chapter="8" :page="232" />
+ <examinations v-if="questionData && questionData[240]" :cardList="questionData[240]" :chapter="8" :page="232" />
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
<div class="fieldset">
@@ -2396,10 +2382,10 @@
<p class="blockh6-c">
瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations :cardList="questionData[242][1]" :chapter="8" :page="2431" />
+ <examinations v-if="questionData && questionData[242][1]" :cardList="questionData[242][1]" :chapter="8" :page="2431" />
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
- <examinations :cardList="questionData[242][2]" :chapter="8" :page="2342" />
+ <examinations v-if="questionData && questionData[242][2]" :cardList="questionData[242][2]" :chapter="8" :page="2342" />
</p>
</div>
</div>
@@ -2423,24 +2409,6 @@
},
data() {
return {
- learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
- taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"),
- taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"),
- taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"),
- backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"),
- backsla: require("../../../assets/images/chapterEight/0231-3.jpg"),
- syncope: require("../../../assets/images/chapterEight/0233-2.jpg"),
- pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"),
- pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"),
- pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"),
- pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"),
- pressList: [
- require("../../../assets/images/chapterEight/pase1.png"),
- require("../../../assets/images/chapterEight/pase2.png"),
- ],
- upward: require("../../../assets/images/chapterEight/0239-1.jpg"),
- upwards: require("../../../assets/images/chapterEight/0239-2.jpg"),
- hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"),
learnTableOne: true,
learnTableTwo: true,
learnTableThree: true,
--
Gitblit v1.9.1