From 57ebfaedfe6364ab0c3beb1afe01c00fe2798a2c Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 06 六月 2024 10:28:54 +0800 Subject: [PATCH] 嵌入式优化 --- src/books/childHealth/view/content/components/chapter007.vue | 78 ++++++++++++++++++-------------------- 1 files changed, 37 insertions(+), 41 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue index 8327a05..7284f1d 100644 --- a/src/books/childHealth/view/content/components/chapter007.vue +++ b/src/books/childHealth/view/content/components/chapter007.vue @@ -45,8 +45,8 @@ /> 涓撻瀵煎 </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/chapterSeven/0180-1.jpg" class="w100"> </p> </div> </div> @@ -292,7 +292,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[177]" :chapter="7" :page="169" /> + <examinations v-if="questionData && questionData[177]" :cardList="questionData[177]" :chapter="7" :page="169" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -786,7 +786,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[182]" :chapter="7" :page="174" /> + <examinations v-if="questionData && questionData[182]" :cardList="questionData[182]" :chapter="7" :page="174" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1109,7 +1109,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[185]" :chapter="7" :page="177" /> + <examinations v-if="questionData && questionData[185]" :cardList="questionData[185]" :chapter="7" :page="177" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2038,7 +2038,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span> - <examinations :cardList="questionData[196]" :chapter="7" :page="188" /> + <examinations v-if="questionData && questionData[196]" :cardList="questionData[196]" :chapter="7" :page="188" /> </p> <h2 class="module_block" id="b031"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -2457,8 +2457,8 @@ <p class="img"> 甯歌鎬ユ�т紶鏌撶梾鐨勬綔浼忔湡銆佹偅鑰呴殧绂绘湡鍜屾帴瑙﹁�呮鐤湡闄愯〃 </p> - <p class="center"> - <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSeven/0204-1.jpg" class="w100"> </p> </div> </div> @@ -2477,8 +2477,8 @@ <div class="padding-96"> <div class="fieldset"> <p class="img">缁〃</p> - <p class="center"> - <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSeven/0205-1.jpg" class="w100"> </p> </div> <h5 id="e200">2.鍒囨柇浼犳挱閫斿緞</h5> @@ -3239,8 +3239,8 @@ </div> <div class="fl fl-around"> <div class="left" style="width: 48%"> - <p class="center" style="margin-top: 50px"> - <el-image :src="insect" :preview-src-list="[insect]" class="open-image"/> + <p class="center openImgBox" style="margin-top: 50px"> + <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%"> </p> <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p> </div> @@ -3302,7 +3302,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[215]" :chapter="7" :page="207" /> + <examinations v-if="questionData && questionData[215]" :cardList="questionData[215]" :chapter="7" :page="207" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -3581,10 +3581,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[217][1]" :chapter="7" :page="2091" /> + <examinations v-if="questionData && questionData[217][1]" :cardList="questionData[217][1]" :chapter="7" :page="2091" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[217][2]" :chapter="7" :page="2092" /> + <examinations v-if="questionData && questionData[217][2]" :cardList="questionData[217][2]" :chapter="7" :page="2092" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> @@ -3605,7 +3605,7 @@ <script> import examinations from "@/components/examinations/index.vue"; -import getResourcePath from "@/assets/methods/resources"; +import {getResourcePath} from "@/assets/methods/resources"; export default { name: "chapterSeven", components: { examinations }, @@ -3616,19 +3616,13 @@ showPageList: { type: Array, }, + isSearch: { + type: Boolean, + default: false, + }, }, data() { return { - learn: require("../../../assets/images/chapterSeven/0180-1.jpg"), - taskOne: require("../../../assets/images/chapterSeven/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterSeven/task-sheet2.png"), - tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"), - taskThree: require("../../../assets/images/chapterSeven/task-sheet3.png"), - taskFour: require("../../../assets/images/chapterSeven/task-sheet4.png"), - taskFive: require("../../../assets/images/chapterSeven/task-sheet5.png"), - tableTwo: require("../../../assets/images/chapterSeven/0204-1.jpg"), - tableThree: require("../../../assets/images/chapterSeven/0205-1.jpg"), - insect: require("../../../assets/images/chapterSeven/0219-2.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, @@ -3755,7 +3749,8 @@ }; }, async mounted() { - const localData = localStorage.getItem("chapterSevenData"); + if(!this.isSearch) { + const localData = localStorage.getItem("chapterSevenData"); if (localData) { this.chapterSevenData = JSON.parse(localData); } @@ -3766,6 +3761,7 @@ } }, 1000); this.getVideoPath() + } }, unmounted() { if (window.timerSeven) { @@ -3787,20 +3783,20 @@ this.$data.learnTableFive = !this.$data.learnTableFive; } }, - getVideoPath() { - this.$data.pathOne = getResourcePath("0853ca76cbf745ea4023d2949a4d41d4"); - this.$data.pathTwo = getResourcePath("95114c3e801192fb91b43e365b5aff83"); - this.$data.pathThree = getResourcePath("79aa2ccd431dcc000dbe2962ded4397c"); - this.$data.pathFour = getResourcePath("94654e3d22604a815f9f4558616d8f39"); - this.$data.pathFive = getResourcePath("2373520e42d1be7bb70fbd5729d2f860"); - this.$data.pathSix = getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3"); - this.$data.pathSeven = getResourcePath("99a137c537d757a6ee39e6888218ca7c"); - this.$data.pathEight = getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef"); - this.$data.pathNine = getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9"); - this.$data.pathTen = getResourcePath("04cc85ac870bb810166d4b90dd5594a5"); - this.$data.pathEleven = getResourcePath("17afacd49d1ed78eb6e3c46962a96e43"); - this.$data.pathTwelve = getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532"); - this.$data.pathThirteen = getResourcePath("869bdc70fb1e80757e3f75c6aa605647"); + async getVideoPath() { + this.$data.pathOne = await getResourcePath("0853ca76cbf745ea4023d2949a4d41d4"); + this.$data.pathTwo = await getResourcePath("95114c3e801192fb91b43e365b5aff83"); + this.$data.pathThree = await getResourcePath("79aa2ccd431dcc000dbe2962ded4397c"); + this.$data.pathFour = await getResourcePath("94654e3d22604a815f9f4558616d8f39"); + this.$data.pathFive = await getResourcePath("2373520e42d1be7bb70fbd5729d2f860"); + this.$data.pathSix = await getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3"); + this.$data.pathSeven = await getResourcePath("99a137c537d757a6ee39e6888218ca7c"); + this.$data.pathEight = await getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef"); + this.$data.pathNine = await getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9"); + this.$data.pathTen = await getResourcePath("04cc85ac870bb810166d4b90dd5594a5"); + this.$data.pathEleven = await getResourcePath("17afacd49d1ed78eb6e3c46962a96e43"); + this.$data.pathTwelve = await getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532"); + this.$data.pathThirteen = await getResourcePath("869bdc70fb1e80757e3f75c6aa605647"); }, saveChapterOneData() { this.saveTime = 20; -- Gitblit v1.9.1