From c01348761c7bd173ed92edb14ca1e454eaa93f6c Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 03 六月 2024 15:32:43 +0800
Subject: [PATCH] 学前儿童视频请求优化
---
src/books/childHealth/view/content/components/chapter002.vue | 106 +++++++++++++++++++++++++++++++++++++----------------
1 files changed, 74 insertions(+), 32 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 86da256..3b41e7e 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -43,12 +43,8 @@
/>
涓撻瀵煎
</h6>
- <p class="blockh6 m0-t0">
- <el-image
- :src="special"
- :preview-src-list="[special]"
- class="open-image"
- />
+ <p class="blockh6 m0-t0 openImgBox">
+ <img src="../../../assets/images/chapterTwo/0056-1.jpg" alt="" class="w100 mt-40">
</p>
</div>
</div>
@@ -72,13 +68,26 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹竴 瀛﹀墠鍎跨鐢熼暱鍙戣偛姒傝堪鑷富瀛︿範浠诲姟鍗�</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableOne')"
style="margin-left: 10px"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableOne"
@@ -360,7 +369,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
- <examinations v-if="questionData" :cardList="questionData[54]" />
+ <examinations v-if="questionData && questionData[54]" :cardList="questionData[54]" />
</p>
<h2 class="module_block" id="b011">
<div class="custom1">瀛︿範涓婚浜�</div>
@@ -371,13 +380,26 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹竴 瀛﹀墠鍎跨鐢熼暱鍙戣偛姒傝堪鑷富瀛︿範浠诲姟鍗�</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableTwo')"
style="margin-left: 10px"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableTwo"
@@ -642,12 +664,8 @@
<p>鑴戙�佽剨楂撲互鍙婄溂鐞冪瓑鍣ㄥ畼锛屽彲浠ョ撼鍏ヨ绫荤敓闀垮彂鑲�</p>
</div>
<div class="right" style="width: 35%">
- <p class="center">
- <el-image
- :src="most"
- :preview-src-list="[most]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterTwo/0060-1.jpg" alt="" class="w100">
</p>
<p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p>
</div>
@@ -739,7 +757,7 @@
<p class="blockh6-c">
<!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
- <examinations v-if="questionData" :cardList="questionData[57]" />
+ <examinations v-if="questionData && questionData[57]" :cardList="questionData[57]" />
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
<div class="fieldset">
@@ -789,12 +807,25 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹笁 褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犺嚜涓诲涔犱换鍔″崟</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableThree')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableThree')"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableThree"
@@ -942,12 +973,25 @@
<span class="span-border"></span>
<div class="mb-20 fm-st fl fl-cn t2 fz-16">
<span class="primary-color">瑙嗛锛氬奖鍝嶅効绔ョ敓闀垮彂鑲茬殑鍥犵礌</span>
- <img
+ <span class="svg-btn t0" @click="changeResources('videoState')">
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16"
+ height="15" viewBox="0 0 19.863 13.817">
+ <g transform="translate(-40.961 -184.321)">
+ <path class="a"
+ d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+ transform="translate(51.824 196.82) rotate(-90)" />
+ <path class="b"
+ d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+ transform="translate(-3269 15293.001)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/video.png"
alt=""
@click="changeResources('videoState')"
class="btn"
- />
+ /> -->
</div>
<div v-if="videoState">
<video
@@ -1081,7 +1125,7 @@
<!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
<examinations
- v-if="questionData"
+ v-if="questionData && questionData[60]"
:cardList="questionData[60]"
:chapter="2"
:page="52"
@@ -1258,10 +1302,10 @@
<p class="blockh6-c">
瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations v-if="questionData" :cardList="questionData[62][1]" />
+ <examinations v-if="questionData && questionData[62][1]" :cardList="questionData[62][1]" />
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
- <examinations v-if="questionData" :cardList="questionData[62][2]" />
+ <examinations v-if="questionData && questionData[62][2]" :cardList="questionData[62][2]" />
</p>
<h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
<p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1282,7 +1326,7 @@
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterTwo",
components: { examinations },
@@ -1296,8 +1340,6 @@
},
data() {
return {
- special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
- most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
resourceState: "",
videoState: true,
learnTableOne: true,
@@ -1415,10 +1457,10 @@
this.$data.videoState = !this.$data.videoState;
}
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
- this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
- this.$data.pathThree = getResourcePath(
+ async getVideoPath() {
+ this.$data.pathOne = await getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
+ this.$data.pathTwo = await getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
+ this.$data.pathThree = await getResourcePath(
"67cf97bd8295dc3aeb46982c574df8d0"
);
},
--
Gitblit v1.9.1