From 172199d84e17b2285aef2c1112fbed3c6f25f27c Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 26 六月 2024 19:51:22 +0800
Subject: [PATCH] 涂色题
---
src/books/childHealth/view/content/components/chapter007.vue | 126 ++++++++++++++++++------------------------
1 files changed, 54 insertions(+), 72 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index 7d692ca..e61b2d2 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -238,7 +238,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氱柧鐥呭熀纭�</p>
</div>
@@ -350,41 +351,6 @@
</div>
<div class="padding-96">
<div class="fieldset">
- <p class="block">锛�2锛夌淮鐢熺礌A鎴栫淮鐢熺礌D涓瘨锛屼篃浼氬紩璧峰帉椋熴��</p>
- <p class="block">锛�3锛夐暱鏈熸憚椋熸棤鐩愰ギ椋燂紝涔熷彲浣块娆蹭綆涓嬨��</p>
- <p class="block">2.椋熸浜㈣繘</p>
- <p class="block">
- 锛�1锛夊辜鍎胯嫢鍚冨緱澶氥�佸枬寰楀銆佸翱寰楀锛屽簲妫�鏌ユ槸鍚︽偅鏈夌敳鐘惰吅鍔熻兘浜㈣繘鎴栫硸灏跨梾銆�
- </p>
- <p class="block">锛�2锛夊績鐞嗗紓甯镐篃鍙椽椋熴��</p>
- <p class="block">锛�3锛夊鏃忛仐浼犳�ц偉鑳栨偅鍎夸篃鏈夎椽椋熶範鎯��</p>
- <p class="block">3.寮傚棞鐧�</p>
- <p class="block">
- 寮傚棞鐧栨槸鎸囧辜鍎垮椋熺墿浠ュ鐨勯潪椋熺墿鐗╁搧琛ㄧ幇鍑轰笉鍙嚜鍒剁殑椋熸锛屽鍠滈娉ュ湡銆佺叅鏍搞�佺焊寮犮�佸鐨瓑銆傚父瑙佷簬浣撳唴閿屻�侀搧涓ラ噸缂轰箯鐨勫辜鍎匡紝鍦ㄤ腑鍥藉崡鏂逛篃鍙浜庨挬铏梾銆�
- </p>
- <p class="block"><b>涓夈�佺潯鐪犲紓甯�</b></p>
- <p class="block">
- 姝ｅ父骞煎効涓婂簥鍚庡彲寰堝揩鍏ョ潯锛岀潯鐪犲钩绋炽�佹棤榧惧０锛屽彲鏈夊井姹椼��
- </p>
- <p class="block">鐫＄湢寮傚父涓昏鍖呮嫭浠ヤ笅3绉嶃��</p>
- <p class="block">1.鍏ョ潯鍥伴毦</p>
- <p class="block">锛�1锛夎繘鍏ユ柊鐨勭幆澧冿紝涓嶈兘閫傚簲銆�</p>
- <p class="block">锛�2锛夌簿绁炵揣寮犮�佸帇鍔涜繃澶с��</p>
- <p class="block">锛�3锛夌柧鐥呯柤鐥涙墍鑷达紝濡傚墽鐑堢墮鐤煎彲鑷村叆鐫″洶闅俱��</p>
- <p class="block">2.鐫＄湢涓嶅畨</p>
- <p class="block">锛�1锛変綕鍋荤梾绛夋墍鑷淬��</p>
- <p class="block">锛�2锛変綋鍐呮湁铔茶櫕娲诲姩銆�</p>
- <p class="block">锛�3锛夊績鐞嗗洜绱犮��</p>
- <p class="block">3.鍡滅潯</p>
- <p class="block">甯歌浜庤剳鑶滅値銆佽剳鐐庣瓑鐤剧梾鐨勬棭鏈熻〃鐜般��</p>
- <p class="block"><b>鍥涖�佸ぇ渚垮紓甯�</b></p>
- <p class="block">鍖呮嫭澶т究娆℃暟寮傚父鍜屽ぇ渚挎�х姸寮傚父銆�</p>
- <p class="block">1.澶т究娆℃暟寮傚父</p>
- <p class="block">
- 鎺掍究娆℃暟杈冨钩鏃舵湁鏄庢樉鍑忓皯鎴栧澶氾紝鎺掍究鏃舵湁涓嶈垝鏈嶆劅銆�
- </p>
- <p class="block">甯歌浜庤儍鑲犻亾鐤剧梾銆�</p>
- <p class="block">2.澶т究鎬х姸寮傚父</p>
<p class="block">锛�2锛夌淮鐢熺礌A鎴栫淮鐢熺礌D涓瘨锛屼篃浼氬紩璧峰帉椋熴��</p>
<p class="block">锛�3锛夐暱鏈熸憚椋熸棤鐩愰ギ椋燂紝涔熷彲浣块娆蹭綆涓嬨��</p>
<p class="block">2.椋熸浜㈣繘</p>
@@ -673,7 +639,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氶仐浼犵梾銆佸嚭鐢熺己闄蜂笌浼樼敓</p>
</div>
@@ -1134,7 +1101,7 @@
<p class="center">
<b
>鏂扮敓鍎挎姎瑙�<a id="w1"></a
- ><a href="javascript: void(0)"><sup>[1]</sup></a></b
+ ><a href="javascript: void(0)" @click="gotoLabel('childSeven-labelOne')" class="cu-pr"><sup>[1]</sup></a></b
>
</p>
<p class="block">
@@ -1367,7 +1334,7 @@
</p>
</div>
<div class="annotation-border"></div>
- <p class="note">
+ <p class="note" id="childSeven-labelOne">
<a id="m1"></a><a href="javascript: void(0)">[1]</a>
鏁寸悊鑷寳浜腑鍖昏嵂澶у涓滄柟鍖婚櫌鍎跨涓荤鎶ゅ笀鐜嬫絿鐩稿叧鏂囩珷銆�
</p>
@@ -1423,7 +1390,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�旇偉鑳栫棁</p>
</div>
@@ -1547,7 +1515,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛涓冿細瀛﹀墠鍎跨甯歌鐤剧梾鈥斺�旂淮鐢熺礌D缂轰箯鎬т綕鍋荤梾</p>
</div>
@@ -1653,7 +1622,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�旂己閾佹�ц传琛�</p>
</div>
@@ -1708,11 +1678,9 @@
姘斿�欑獊鍙橈紝骞煎効鍙楀噳銆佸彈鐑紱绌烘皵姹℃祳銆佽繃浜庣柌鍊︺�佽椽椋熸补鑵诲帤鍛崇瓑锛岄兘鍙娇鎶垫姉鍔涗笅闄嶏紝璇卞彂璇ョ梾銆�
</p>
</div>
- <div class="right" style="width: 60%">
+ <div class="right" style="width: 60%;padding-top:20px">
<video
- :src="
- pathSix
- "
+ :src="pathSix"
poster="../../../assets/images/chapterTwo/people-video-img.png"
webkit-playsinline="true"
x-webkit-airplay="true"
@@ -1722,7 +1690,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�斾笂鍛煎惛閬撴劅鏌�</p>
</div>
@@ -1870,7 +1839,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�旈緥榻�</p>
</div>
@@ -1950,7 +1920,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�斾腑鑰崇値</p>
</div>
@@ -1996,7 +1967,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佺柧鐥呪�斺�斿急瑙�</p>
</div>
@@ -2344,7 +2316,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氫紶鏌撶梾鍩虹鐭ヨ瘑鈥斺�旂壒鎬т笌涓変釜鐜妭</p>
</div>
@@ -2563,7 +2536,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氫紶鏌撶梾鍙婂叾棰勯槻鈥斺�旂柅鑻�</p>
</div>
@@ -3014,7 +2988,7 @@
<span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
</div>
</div>
- <div class="padding-96">
+ <div class="padding-104">
<h4 id="d280">锛堝崄浜岋級娌欑溂</h4>
<p>娌欑溂鐢辨矙鐪艰。鍘熶綋鎰熸煋寮曡捣锛屾槸涓�绉嶆參鎬т紶鏌撴�х粨鑶滆鑶滅値銆�</p>
<h5 id="e235">1.娴佽鐗圭偣</h5>
@@ -3197,7 +3171,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氫紶鏌撶梾鍙婂叾棰勯槻鈥斺�旂媯鐘梾</p>
</div>
@@ -3320,7 +3295,8 @@
x5-playsinline=""
controls
controlslist="nodownload"
- class="w100 video-border"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佸瘎鐢熻櫕鐥呪�斺�旇洸铏梾</p>
</div>
@@ -3832,10 +3808,10 @@
async mounted() {
if(!this.isSearch) {
const localData = localStorage.getItem("chapterSevenData");
- if (localData) {
- this.chapterSevenData = JSON.parse(localData);
- }
- this.getVideoPath()
+ if (localData) {
+ this.chapterSevenData = JSON.parse(localData);
+ }
+ this.getVideoPath()
}
},
methods: {
@@ -3853,25 +3829,31 @@
}
},
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");
+ this.pathOne = await getResourcePath("0853ca76cbf745ea4023d2949a4d41d4");
+ this.pathTwo = await getResourcePath("95114c3e801192fb91b43e365b5aff83");
+ this.pathThree = await getResourcePath("79aa2ccd431dcc000dbe2962ded4397c");
+ this.pathFour = await getResourcePath("94654e3d22604a815f9f4558616d8f39");
+ this.pathFive = await getResourcePath("2373520e42d1be7bb70fbd5729d2f860");
+ this.pathSix = await getResourcePath("dac5587e1f5e51b67f221773b04c1aed");
+ this.pathSeven = await getResourcePath("99a137c537d757a6ee39e6888218ca7c");
+ this.pathEight = await getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef");
+ this.pathNine = await getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9");
+ this.pathTen = await getResourcePath("04cc85ac870bb810166d4b90dd5594a5");
+ this.pathEleven = await getResourcePath("17afacd49d1ed78eb6e3c46962a96e43");
+ this.pathTwelve = await getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532");
+ this.pathThirteen = await getResourcePath("869bdc70fb1e80757e3f75c6aa605647");
},
saveChapterOneData() {
localStorage.setItem(
"chapterSevenData",
JSON.stringify(this.chapterSevenData)
);
+ },
+ gotoLabel(id) {
+ (this.container ? this.container : document).getElementById(id).scrollIntoView()
+ },
+ videoPlay(e) {
+ this.$emit('closeVideo',e.srcElement.currentSrc)
}
},
};
--
Gitblit v1.9.1