From 1c389a5a5c22c8d57ee79cc9ac8ed6db6c8dbadc Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 04 六月 2024 18:01:59 +0800
Subject: [PATCH] 搜素优化
---
src/books/childHealth/view/content/components/chapter001.vue | 608 ++++++++++++++++++++++++-------------------------------
1 files changed, 267 insertions(+), 341 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index f7abb17..ca336c6 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -49,13 +49,7 @@
涓撻瀵煎
</h6>
<p class="blockh6 m0-t0">
- <!-- <el-image
- alt=""
- :src="introductionImg"
- :preview-src-list="[introductionImg]"
- class="mb-20 open-image"
- /> -->
- <span id="open-image" @click="openImage">
+ <span class="openImgBox">
<img
src="../../../assets/images/chapterOne/0014-1.jpg"
data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg"
@@ -66,8 +60,8 @@
</div>
</div>
<!-- 2 -->
- <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
- <div v-if="showPageList.indexOf(10) > -1">
+ <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
+ <div v-show="showPageList.indexOf(10) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -357,11 +351,10 @@
</span>
</span>
<examinations
- v-if="testOne && questionData"
- ref="examinationOne"
- :cardList="questionData[10]"
+ v-if="testOne && questionData && questionData[10]"
:chapter="1"
- :page="2"
+ :page="10"
+ :cardList="questionData[10]"
/>
</div>
<h2 class="module_block" id="b001" style="margin: 0">
@@ -395,11 +388,11 @@
杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆�
</p>
<div class="text-img-box">
- <div style="margin-right: 50px">
- <el-image
- :src="bonesImg"
- :preview-src-list="[bonesImg]"
- class="open-image"
+ <div style="margin-right: 50px" class="openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0015-5.jpg"
+ class="w100"
+ alt=""
/>
<span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span>
</div>
@@ -434,7 +427,7 @@
</div>
<!-- 3 -->
<div class="page-box" page="11" :show="showPageList.indexOf(11) > -1">
- <div v-if="showPageList.indexOf(11) > -1">
+ <div v-show="showPageList.indexOf(11) > -1">
<div class="page-header-box">
<span class="page-header-text"
>涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
@@ -457,9 +450,6 @@
<p class="text-left text-height lh2">
瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌￠暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆�
</p>
- <p class="text-left text-height lh2">
- 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌￠暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆�
- </p>
<div class="fl">
<div class="bottom-left" style="width: 65%">
<h5 id="e005">5.鑴婃煴鐨勭敓鐞嗗集鏇茶繕鏈畾鍨�</h5>
@@ -472,34 +462,25 @@
</div>
<div class="bottom-right" style="width: 35%">
<div class="mt-40">
- <div class="banshi openImgBox">
- <div class="swiper-container">
+ <div class="banshi openImgBox" style="height: 364px">
+ <div class="swiper-container swiper-img">
<div class="swiper-wrapper">
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones1.png"
/>
</div>
</div>
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones2.png"
/>
</div>
</div>
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones3.png"
/>
@@ -511,25 +492,6 @@
</div>
</div>
</div>
- <!-- <el-carousel
- trigger="click"
- class="bones-carousel carousel-image"
- arrow="always"
- indicator-position="none"
- >
- <el-carousel-item
- v-for="(item, index) in bonesList"
- :key="index"
- class="bones-carousel-item"
- >
- <el-image
- :src="item"
- :preview-src-list="bonesList"
- :preview-teleported="true"
- class="open-image"
- />
- </el-carousel-item>
- </el-carousel> -->
<p class="img">鍥�1-2 鎴愪汉鑴婃煴妯″紡鍥�</p>
</div>
</div>
@@ -558,13 +520,13 @@
<div class="fl">
<div
- class="left fl fl-di fl-evenly"
+ class="left fl fl-di fl-evenly openImgBox"
style="width: 30%; margin-top: 5px"
>
- <el-image
- :src="jointImg"
- :preview-src-list="[jointImg]"
- class="open-image"
+ <img
+ src="../../../assets/images/chapterOne/0017-1.jpg"
+ alt=""
+ class="w100"
/>
<p class="img">鍥�1-3 鍏宠妭妯″紡鍥�</p>
</div>
@@ -582,26 +544,30 @@
</div>
<div class="fl">
<div class="left" style="width: 30%">
- <el-carousel
- loop
- trigger="click"
- class="bones-carousel carousel-image"
- arrow="always"
- indicator-position="none"
- >
- <el-carousel-item
- v-for="(item, index) in footList"
- :key="index"
- class="bones-carousel-item"
- >
- <el-image
- :src="item"
- :preview-src-list="footList"
- :preview-teleported="true"
- class="open-image"
- />
- </el-carousel-item>
- </el-carousel>
+ <div class="banshi 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="../../../assets/images/chapterOne/foot-01.png"
+ alt="姝ｅ父瓒�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/foot-02.png"
+ alt="鎵佸钩瓒�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
<p class="img">鍥�1-4 姝ｅ父瓒冲拰鎵佸钩瓒�</p>
</div>
<div class="right" style="width: 70%; padding-left: 20px">
@@ -637,28 +603,35 @@
涓轰簡淇濊瘉瀛﹀墠鍎跨韬績鍋ュ悍鍙戣偛銆備笉鑹綋鎬侊紝濡傞┘鑳屻�佷弗閲嶈剨鏌变晶寮瓑锛屽鑷磋兏寤撶暩褰紝鍙弗閲嶅奖鍝嶅鍓嶅効绔ョ殑蹇冭偤鍙戣偛锛屽鏄撴偅鍛煎惛绯荤粺鐤剧梾銆備綋鎬佷笉鑹殑鍎跨涔熷鏄撹嚜鍗戯紝褰卞搷鍋ュ叏浜烘牸鐨勫舰鎴愩�備负闃叉鑴婃煴銆佽兏寤撶瓑楠ㄩ鍙樺舰锛屽舰鎴愯壇濂戒綋鎬侊紝椤绘敞鎰忎互涓嬪嚑鐐癸細濠村効涓嶅疁杩囨棭鍧愩�佺珯锛屼笉瀹滅潯杞簥鍜屼箙鍧愭矙
</p>
<div class="right fl fl-cn fl-di" style="width: 55%">
- <!-- <el-image :src="sitImg" :preview-src-list="[sitImg]" /> -->
- <el-carousel
- loop
- trigger="click"
- class="posure-carousel carousel-image"
- style="width: 300px"
- arrow="always"
- indicator-position="none"
- >
- <el-carousel-item
- v-for="(item, index) in posureList"
- :key="index"
- class="bones-carousel-item"
- >
- <el-image
- :src="item"
- :preview-src-list="posureList"
- :preview-teleported="true"
- class="open-image"
- />
- </el-carousel-item>
- </el-carousel>
+ <div class="banshi 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="../../../assets/images/chapterOne/posture-01.png"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/posture-02.png"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/posture-03.png"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
<p class="img">鍥�1-5 鍧愬Э瀵硅剨鏌辩殑褰卞搷</p>
</div>
</div>
@@ -717,7 +690,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
<examinations
:cardList="questionData[14]"
- v-if="questionData"
+ v-if="questionData && questionData[14]"
:chapter="1"
:page="6"
/>
@@ -987,11 +960,11 @@
<h4 id="d009">锛堜竴锛夊懠鍚稿櫒瀹樼殑鐗圭偣</h4>
<h5 id="e012">1.榧�</h5>
</div>
- <div class="right" style="width: 50%">
- <el-image
- :src="breathing"
- :preview-src-list="[breathing]"
- class="open-image"
+ <div class="right openImgBox" style="width: 50%">
+ <img
+ src="../../../assets/images/chapterOne/0020-2.jpg"
+ alt=""
+ class="w100"
/>
<p class="img">鍥�1-6 鍛煎惛绯荤粺绀烘剰鍥�</p>
</div>
@@ -1028,7 +1001,7 @@
</div>
<div class="right" style="width: 60%">
<video
- :src="getResourcePath('163c06871b763954952d1cd74373c618')"
+ :src="pathFive"
poster="../../../assets/images/chapterOne/people-video-img.jpg"
webkit-playsinline="true"
x-webkit-airplay="true"
@@ -1062,11 +1035,11 @@
</p>
</div>
<div class="right" style="width: 20%">
- <p class="center">
- <el-image
- :src="throat"
- :preview-src-list="[throat]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0021-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-7 鍠夎厰妯″紡鍥�</p>
@@ -1090,11 +1063,11 @@
瀛﹀墠鍎跨鏂伴檲浠ｈ阿鏃虹洓锛屽湪鏂伴檲浠ｈ阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆�
</p>
<p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p>
- <p class="center">
- <el-image
- :src="tableOne"
- :preview-src-list="[tableOne]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0021-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
</div>
@@ -1160,7 +1133,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
<examinations
:cardList="questionData[17]"
- v-if="questionData"
+ v-if="questionData && questionData[17]"
:chapter="1"
:page="9"
/>
@@ -1444,12 +1417,11 @@
<p>
寰幆绯荤粺鍖呮嫭琛�娑插惊鐜郴缁燂紙蹇冭绠＄郴缁燂級鍜屾穻宸寸郴缁熴�傝娑插惊鐜郴缁熺敱蹇冭剰鍜岃绠＄粍鎴愶紝琛�绠″寘鎷姩鑴夈�侀潤鑴夊拰姣涚粏琛�绠★紙瑙佸浘1-8锛夈�傛穻宸寸郴缁熺敱娣嬪反绠￠亾銆佹穻宸村櫒瀹樺拰娣嬪反缁勭粐缁勬垚銆�
</p>
- <p class="center">
- <el-image
- :src="blood"
- :preview-src-list="[blood]"
- style="width: 60%"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0024-1.jpg"
+ alt=""
+ style="width: 80%"
/>
</p>
<p class="img">鍥�1-8 琛�娑插惊鐜ず鎰忓浘</p>
@@ -1485,11 +1457,11 @@
<p>瀛﹀墠鍎跨鐨勮娑查噺鍙婃垚鍒嗗拰鎴愪汉涓嶅悓銆傚叿浣撴潵璇达紝鏈変互涓嬪嚑鏂归潰涓嶅悓銆�</p>
<p>锛�1锛夎娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛堣琛�1-2锛�</p>
<p class="img">琛�1-2 涓嶅悓骞撮緞鐨勮娑查噺</p>
- <p class="center">
- <el-image
- :src="tableTwo"
- :preview-src-list="[tableTwo]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0024-3.jpg"
+ alt=""
+ class="w100"
/>
</p>
</div>
@@ -1540,11 +1512,11 @@
鐢变簬濠村辜鍎垮績杈撳嚭閲忓皯锛岃�屾柊闄堜唬璋㈡椇鐩涳紝涓烘弧瓒虫満浣撳琛�娑茬殑闇�姹傞噺锛屽彧鏈夊姞蹇績鐜囨潵淇濋殰渚涜閲忋�傚勾榫勮秺灏忥紝蹇冪巼瓒婂揩銆備笉鍚屽勾榫勭殑蹇冪巼锛屽琛�1-3鎵�绀恒��
</p>
<p class="img">琛�1-3 涓嶅悓骞撮緞鐨勫績鐜�</p>
- <p class="center">
- <el-image
- :src="tableThree"
- :preview-src-list="[tableThree]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0025-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
</div>
@@ -1654,7 +1626,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
<examinations
:cardList="questionData[22]"
- v-if="questionData"
+ v-if="questionData && questionData[22]"
:chapter="1"
:page="14"
/>
@@ -1906,11 +1878,11 @@
<h5 id="e020">1.鐗欓娇</h5>
</div>
<div class="right" style="width: 35%">
- <p class="center">
- <el-image
- :src="digestion"
- :preview-src-list="[digestion]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0028-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p>
@@ -1970,21 +1942,19 @@
</p>
<p>姣忎竴棰椾钩鐗欏拰鎭掔墮鐨勮悓鍑洪兘鏈夊浐瀹氱殑鏃堕棿锛岃琛�1-4銆佽〃1-5銆�</p>
<p class="img">琛�1-4 涔崇墮钀屽嚭鏃堕棿椤哄簭锛堜互鏈堥緞璁＄畻锛�</p>
- <p class="center">
- <el-image
- :src="tableFive"
- :preview-src-list="[tableFive]"
- style="width: 100%"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0029-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p>
- <p class="center">
- <el-image
- :src="tableSix"
- :preview-src-list="[tableSix]"
- style="width: 100%"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0029-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<h5 id="e021">2.鑸�</h5>
@@ -2131,7 +2101,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
<examinations
:cardList="questionData[27]"
- v-if="questionData"
+ v-if="questionData && questionData[27]"
:chapter="1"
:page="19"
/>
@@ -2379,11 +2349,11 @@
</div>
<div class="fl fl-around">
<div class="left" style="width: 35%">
- <p class="center" style="margin-top: 0">
- <el-image
- :src="urology"
- :preview-src-list="[urology]"
- class="open-image"
+ <p class="center openImgBox" style="margin-top: 0">
+ <img
+ src="../../../assets/images/chapterOne/0033-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-10 娉屽翱绯荤粺妯″紡鍥撅紙鐢锋�э級</p>
@@ -2696,21 +2666,21 @@
</p>
<div class="fl">
<div class="left" style="width: 50%">
- <p class="center">
- <el-image
- :src="man"
- :preview-src-list="[man]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0036-1.png"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-11 鐢锋�х敓娈栫郴缁熺ず鎰忓浘</p>
</div>
<div class="right" style="width: 50%">
- <p class="center">
- <el-image
- :src="woman"
- :preview-src-list="[woman]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0036-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-12 濂虫�х敓娈栫郴缁熺ず鎰忓浘</p>
@@ -2767,7 +2737,7 @@
>
<examinations
:cardList="questionData[32]"
- v-if="questionData"
+ v-if="questionData && questionData[32]"
:chapter="1"
:page="24"
/>
@@ -3029,11 +2999,11 @@
</p>
</div>
<div class="right" style="width: 50%">
- <p class="center">
- <el-image
- :src="endocrineImg"
- :preview-src-list="[endocrineImg]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0038-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-13 鍐呭垎娉岀郴缁熺ず鎰忓浘</p>
@@ -3056,11 +3026,11 @@
</p>
</div>
<div class="right" style="width: 36%">
- <p class="center">
- <el-image
- :src="stature"
- :preview-src-list="[stature]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0038-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-14 鎴愬勾渚忓剴鐥囨偅鑰呬笌姝ｅ父鎴愪汉鐨勮韩楂樻瘮杈�</p>
@@ -3113,7 +3083,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
<examinations
:cardList="questionData[34]"
- v-if="questionData"
+ v-if="questionData && questionData[34]"
:chapter="1"
:page="26"
/>
@@ -3348,11 +3318,11 @@
</p>
</div>
<div class="right" style="width: 50%">
- <p class="center">
- <el-image
- :src="nerve"
- :preview-src-list="[nerve]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0040-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img cneter">鍥�1-15 绁炵粡鍏冩ā寮忓浘</p>
@@ -3417,22 +3387,21 @@
<p>
澶ц剳鍒嗗乏銆佸彸涓ゅ崐鐞冿紙瑙佸浘1-16锛夛紝琛ㄩ潰鍑瑰嚫涓嶅钩锛屽嚬闄峰绉颁负鈥滄矡鈥濓紝闅嗚捣澶勭О涓衡�滃洖鈥濓紝鈥滄矡鈥濅笌鈥滃洖鈥濆ぇ澶у鍔犱簡澶ц剳鐨勮〃闈㈢Н銆傝緝澶х殑娌熸湁涓ぎ娌熴�佸ぇ鑴戝渚ф矡鍜岄《鏋曟矡锛岃繖浜涙矡灏嗗ぇ鑴戣〃闈㈠垎鎴愰鍙躲�侀《鍙躲�侀鍙跺拰鏋曞彾鍥涢儴鍒嗐��
</p>
- <p class="center">
- <el-image
- :src="brainImg"
- :preview-src-list="[brainImg]"
- style="width: 70%"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0041-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-16 澶ц剳宸︺�佸彸涓ゅ崐鐞冪殑鍔熻兘姣旇緝</p>
<div class="fl fl-around">
<div class="left" style="width: 48%; margin-right: 10px">
- <p class="center">
- <el-image
- :src="brainsImg"
- :preview-src-list="[brainsImg]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0041-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-17 澶ц剳鐨眰鍒嗗尯鍥�</p>
@@ -3495,11 +3464,11 @@
鑷富绁炵粡鍙垎涓轰氦鎰熺缁忓拰鍓氦鎰熺缁忎袱绫伙紝瀹冧滑鍒嗗竷浜庡悓涓�鍣ㄥ畼锛屼綔鐢ㄧ浉鍙嶏紝鐩镐簰鍒剁害锛屼娇鍐呰剰鍣ㄥ畼鐨勬椿鍔ㄥ崗璋冦�佸噯纭紙瑙佽〃1-6锛夈��
</p>
<p class="img">琛�1-6 浜ゆ劅绁炵粡鍜屽壇浜ゆ劅绁炵粡鐨勪綔鐢ㄤ笌鍖哄埆</p>
- <p class="center">
- <el-image
- :src="tableNine"
- :preview-src-list="[tableNine]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0042-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<h3 id="c016">浜屻�佸鍓嶅効绔ョ缁忕郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
@@ -3525,11 +3494,11 @@
鑴戠殑杩呴�熺敓闀垮彲浠庤剳璐ㄩ噺鐨勫彉鍖栦笂寰楀埌鍙嶆槧銆備笉鍚屽勾榫勮剳璐ㄩ噺鐨勫彉鍖栬琛�1-7銆�
</p>
<p class="img">琛�1-7 涓嶅悓骞撮緞鑴戣川閲忕殑鍙樺寲</p>
- <p class="center">
- <el-image
- :src="tableTen"
- :preview-src-list="[tableTen]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0043-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<h4 id="d057">锛堜簩锛変腑鏋㈢缁忕郴缁熺殑鍙戣偛涓嶅潎琛�</h4>
@@ -3599,7 +3568,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span>
<examinations
:cardList="questionData[39]"
- v-if="questionData"
+ v-if="questionData && questionData[39]"
:chapter="1"
:page="31"
/>
@@ -3920,11 +3889,11 @@
<h5 id="e036">1.鐪肩悆鐨勫墠鍚庡緞杈冪煭</h5>
</div>
<div class="right" style="width: 35%">
- <p class="center">
- <el-image
- :src="eyesImg"
- :preview-src-list="[eyesImg]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0046-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-18 鐪肩悆缁撴瀯妯″紡鍥�</p>
@@ -4033,11 +4002,11 @@
</p>
</div>
<div class="right" style="width: 58%">
- <p class="center">
- <el-image
- :src="ersImg"
- :preview-src-list="[ersImg]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0048-1.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-19 鑰崇殑缁撴瀯鍥�</p>
@@ -4060,11 +4029,11 @@
<h5 id="e046">3.鑰宠湕鐨勬劅鍙楁�ц緝寮�</h5>
</div>
<div class="right" style="width: 48%">
- <p class="center">
- <el-image
- :src="erImg"
- :preview-src-list="[erImg]"
- class="open-image"
+ <p class="center openImgBox">
+ <img
+ src="../../../assets/images/chapterOne/0048-2.jpg"
+ alt=""
+ class="w100"
/>
</p>
<p class="img">鍥�1-20 鎴愪汉鍜屽鍓嶅効绔ュ捊榧撶涔嬫瘮杈�</p>
@@ -4379,7 +4348,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span>
<examinations
:cardList="questionData[48]"
- v-if="questionData"
+ v-if="questionData && questionData[48]"
:chapter="1"
:page="40"
/>
@@ -4592,7 +4561,7 @@
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
<examinations
:cardList="questionData[50][1]"
- v-if="questionData"
+ v-if="questionData && questionData[50][1]"
:chapter="1"
:page="421"
/>
@@ -4600,7 +4569,7 @@
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
<examinations
:cardList="questionData[50][2]"
- v-if="questionData"
+ v-if="questionData && questionData[50][2]"
:chapter="1"
:page="422"
/>
@@ -4623,65 +4592,29 @@
</template>
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
-
+import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-one",
components: { examinations },
props: {
showPageList: {
type: Array,
- default: []
+ default: [],
},
questionData: {
- type: Object
- }
+ type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
// 瀛︿範涓�
- introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
- bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
- foot1: require("../../../assets/images/chapterOne/foot-01.png"),
- foot2: require("../../../assets/images/chapterOne/foot-02.png"),
- jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"),
- footImg: require("../../../assets/images/chapterOne/0017-2.jpg"),
- sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"),
bonesList: [],
- footList: [
- require("../../../assets/images/chapterOne/foot-01.png"),
- require("../../../assets/images/chapterOne/foot-02.png")
- ],
- posureList: [
- require("../../../assets/images/chapterOne/posture-01.png"),
- require("../../../assets/images/chapterOne/posture-02.png"),
- require("../../../assets/images/chapterOne/posture-03.png")
- ],
resourceState: "",
type: "option",
- snipaste: require("../../../assets/images/chapterOne/snipaste.png"),
- breathing: require("../../../assets/images/chapterOne/0020-2.jpg"),
- throat: require("../../../assets/images/chapterOne/0021-1.jpg"),
- tableOne: require("../../../assets/images/chapterOne/0021-2.jpg"),
- blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
- tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
- tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
- digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
- tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
- tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
- urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
- man: require("../../../assets/images/chapterOne/0036-1.jpg"),
- woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
- endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
- stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
- nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
- brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
- brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
- tableNine: require("../../../assets/images/chapterOne/0042-1.jpg"),
- tableTen: require("../../../assets/images/chapterOne/0043-1.jpg"),
- eyesImg: require("../../../assets/images/chapterOne/0046-2.jpg"),
- ersImg: require("../../../assets/images/chapterOne/0048-1.jpg"),
- erImg: require("../../../assets/images/chapterOne/0048-2.jpg"),
img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"),
productLinkPath: "",
learnTbaleOne: true,
@@ -4726,7 +4659,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableTwo: {
qOne: "",
@@ -4737,7 +4670,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableThree: {
qOne: "",
@@ -4748,7 +4681,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableFour: {
qOne: "",
@@ -4759,7 +4692,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableFive: {
qOne: "",
@@ -4770,14 +4703,14 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableSix: {
qOne: "",
qTwo: "",
qThree: "",
qFour: "",
- qFive: ""
+ qFive: "",
},
learnTableSeven: {
qOne: "",
@@ -4786,7 +4719,7 @@
qFour: "",
qFive: "",
qSix: "",
- qSeven: ""
+ qSeven: "",
},
learnTableEnight: {
qOne: "",
@@ -4797,7 +4730,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableNine: {
qOne: "",
@@ -4807,36 +4740,36 @@
qFive: "",
qSix: "",
qSeven: "",
- qEight: ""
+ qEight: "",
},
question: {
judge: {
qOne: "",
qTwo: "",
qThree: "",
- qFour: ""
+ qFour: "",
},
fill: {
qOne: {
one: "",
- two: ""
+ two: "",
},
qTwo: {
oen: "",
- two: ""
+ two: "",
},
qThree: {
one: "",
- two: ""
+ two: "",
},
qFour: {
one: "",
- two: ""
+ two: "",
},
qFive: {
one: "",
- two: ""
- }
+ two: "",
+ },
},
short: {
qOne: "",
@@ -4845,31 +4778,27 @@
qFour: "",
qFive: "",
qSix: "",
- qSeven: ""
- }
- }
+ qSeven: "",
+ },
+ },
},
- swiper: null
+ swiper: null,
};
},
async mounted() {
- this.getResourcePath = getResourcePath;
- this.getVideoPath();
- const localData = localStorage.getItem("chapterOneData");
- if (localData) {
- this.chapterOneData = JSON.parse(localData);
- }
- window.timerOne = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if (!this.isSearch) {
+ this.getVideoPath();
+ const localData = localStorage.getItem("chapterOneData");
+ if (localData) {
+ this.chapterOneData = JSON.parse(localData);
}
- }, 1000);
- // this.$data.questionData = await getQuestionData(
- // "1",
- // testData[1],
- // this.config.activeBook
- // );
+ window.timerOne = setInterval(() => {
+ this.saveTime--;
+ if (this.saveTime == 0) {
+ this.saveChapterOneData();
+ }
+ }, 1000);
+ }
},
unmounted() {
if (window.timerOne) {
@@ -4881,8 +4810,8 @@
showPageList: {
handler(newVal, oldVal) {
console.log(newVal, "绔犺妭鎺ユ敹鍐呭");
- }
- }
+ },
+ },
},
methods: {
changeResources(type) {
@@ -4911,23 +4840,41 @@
this.$data.learnTableNine = !this.$data.learnTableNine;
}
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
- this.$data.pathTwo = getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
+ async getVideoPath() {
+ console.log(
+ "pathOne",
+ await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1")
+ );
+ this.$data.pathOne = await getResourcePath(
+ "f6f6588a75086576b87bed2fb9ca1ec1"
+ );
+ this.$data.pathTwo = await getResourcePath(
+ "e5993b62684fe55d13190cfe52bf00ed"
+ );
this.$data.pathThree = getResourcePath(
"6b6d42213aa85aa5ff7724aaf96ffee6"
);
- this.$data.pathFour = getResourcePath("17fb1555f98c8fceabce5ff75077af58");
- this.$data.pathFive = getResourcePath("163c06871b763954952d1cd74373c618");
- this.$data.pathSix = getResourcePath("1d57d897974b22f7f3191f4073ea0641");
- this.$data.pathSeven = getResourcePath(
+ this.$data.pathFour = await getResourcePath(
+ "17fb1555f98c8fceabce5ff75077af58"
+ );
+ this.$data.pathFive = await getResourcePath(
+ "163c06871b763954952d1cd74373c618"
+ );
+ this.$data.pathSix = await getResourcePath(
+ "1d57d897974b22f7f3191f4073ea0641"
+ );
+ this.$data.pathSeven = await getResourcePath(
"e67262b8e73ca5b05374b903defd874f"
);
- this.$data.pathEight = getResourcePath(
+ this.$data.pathEight = await getResourcePath(
"6731ebf8ea78297eedcb56521726481d"
);
- this.$data.pathNine = getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
- this.$data.pathTen = getResourcePath("4afe59338bb841a498593cbe458c7d7d");
+ this.$data.pathNine = await getResourcePath(
+ "5ef5496040abee4013a5f61e3c5b42b9"
+ );
+ this.$data.pathTen = await getResourcePath(
+ "4afe59338bb841a498593cbe458c7d7d"
+ );
},
saveChapterOneData() {
// 璁板綍绗竴寮犺緭鍏ユ暟鎹�
@@ -4937,28 +4884,7 @@
JSON.stringify(this.chapterOneData)
);
},
-
- openImage() {
- let container = document.getElementById("open-image");
- let viewr = new Viewer(container, {
- inline: false, // 鏄惁浠ュ唴鑱旀柟寮忔樉绀洪瑙�
- url: "data-imgurl",
- toolbar: {
- zoomIn: 1, // 鏄惁鏄剧ず鏀惧ぇ鎸夐挳
- zoomOut: 1, // 鏄惁鏄剧ず缂╁皬鎸夐挳
- oneToOne: 1, // 鏄惁鏄剧ず瀹為檯澶у皬鎸夐挳
- reset: 1, // 鏄惁鏄剧ず閲嶇疆鎸夐挳
- prev: 1, // 鏄惁鏄剧ず涓婁竴椤垫寜閽�
- play: 0, // 鏄惁鏄剧ず鎾斁鎸夐挳
- next: 1, // 鏄惁鏄剧ず涓嬩竴椤垫寜閽�
- rotateLeft: 0, // 鏄惁鏄剧ず鍚戝乏鏃嬭浆鎸夐挳
- rotateRight: 0, // 鏄惁鏄剧ず鍚戝彸鏃嬭浆鎸夐挳
- flipHorizontal: 0, // 鏄惁鏄剧ず姘村钩缈昏浆鎸夐挳
- flipVertical: 0 // 鏄惁鏄剧ず鍨傜洿缈昏浆鎸夐挳
- }
- });
- }
- }
+ },
};
</script>
--
Gitblit v1.9.1