From a4018617dfef33d904e55bbd2852d488221c575e Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 03 六月 2025 14:37:33 +0800
Subject: [PATCH] 视频插入（教育）
---
src/books/kindergartenActivitiesDesignGuidance/view/components/chapter008.vue | 109 ++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 84 insertions(+), 25 deletions(-)
diff --git a/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter008.vue b/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter008.vue
index 7ecc03e..74d0694 100644
--- a/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter008.vue
+++ b/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter008.vue
@@ -1118,10 +1118,24 @@
<h3 id="c222">
<span class="h3-zt">涓�銆�</span>灏忕彮缁樼敾娲诲姩锛氭垜鐨勮繛琛ｈ
</h3>
- <p class="center"><b>鎵竴鎵紝鐪嬭棰�</b></p>
- <p class="center">
- <img class="img-g" alt="" src="../../images/0315-1.jpg" />
- </p>
+ <div class="fl al-c videoTitle mb-10">
+ <div class="td-0"><svg t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="40">
+ <path
+ d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+ fill="#9bc3c2" p-id="34779"></path>
+ </svg></div>
+ <div>瑙嗛</div>
+ </div>
+ <div class="videoBox">
+ <div class="videoItem">
+ <video :src="videoUrl.v81" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ class="video-one w100"></video>
+ <div class="vname">{{ videoMd5.v81.name }}</div>
+ </div>
+ </div>
<p class="img">灏忕彮缁樼敾娲诲姩锛氭垜鐨勮繛琛ｈ</p>
<p><b>锛堜竴锛夋椿鍔ㄧ洰鏍�</b></p>
<p class="block">1.鎰熷彈杩炶。瑁欎笂鐨勮姳鏍风編銆�</p>
@@ -1199,11 +1213,24 @@
<div v-if="showPageList.indexOf(310) > -1">
<div class="bodystyle">
<h3 id="c223"><span class="h3-zt">浜屻��</span>澶х彮缁樼敾娲诲姩锛氱尨瓒�</h3>
- <p class="center"><b>鎵竴鎵紝鐪嬭棰�</b></p>
- <p class="center">
- <img class="img-g" alt="" src="../../images/0317-1.jpg" />
- </p>
- <p class="img">澶х彮缁樼敾娲诲姩锛氱尨瓒�</p>
+ <div class="fl al-c videoTitle mb-10">
+ <div class="td-0"><svg t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="40">
+ <path
+ d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+ fill="#9bc3c2" p-id="34779"></path>
+ </svg></div>
+ <div>瑙嗛</div>
+ </div>
+ <div class="videoBox">
+ <div class="videoItem">
+ <video :src="videoUrl.v82" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ class="video-one w100"></video>
+ <div class="vname">{{ videoMd5.v82.name }}</div>
+ </div>
+ </div>
<p><b>锛堜竴锛夋椿鍔ㄧ洰鏍�</b></p>
<p class="block">
1.鑳藉灏濊瘯鐢ㄧ焊鏉胯樃澧ㄥ嵃鐢荤殑褰㈠紡琛ㄧ幇鈥滀竴鐗囨爲鏋椻�濓紝鎰熷彈杩戜技姘村ⅷ鐢荤殑鎰忓缇庛��
@@ -1275,11 +1302,24 @@
<h3 id="c224">
<span class="h3-zt">涓夈��</span>澶х彮缁樼敾娲诲姩锛氬惞鍑烘潵鐨勭唬鐞冭姳
</h3>
- <p class="center"><b>鎵竴鎵紝鐪嬭棰�</b></p>
- <p class="center">
- <img class="img-g" alt="" src="../../images/0319-1.jpg" />
- </p>
- <p class="img">澶х彮缁樼敾娲诲姩锛氬惞鍑烘潵鐨勭唬鐞冭姳</p>
+ <div class="fl al-c videoTitle mb-10">
+ <div class="td-0"><svg t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="40">
+ <path
+ d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+ fill="#9bc3c2" p-id="34779"></path>
+ </svg></div>
+ <div>瑙嗛</div>
+ </div>
+ <div class="videoBox">
+ <div class="videoItem">
+ <video :src="videoUrl.v83" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ class="video-one w100"></video>
+ <div class="vname">{{ videoMd5.v83.name }}</div>
+ </div>
+ </div>
<ul class="footer-right">
<li class="footer-right-text">绗叓鍗曞厓銆�骞煎効缇庢湳鏁欒偛</li>
<li class="footer-right-number">305</li>
@@ -1848,39 +1888,39 @@
</p>
<p>1.绠�杩板辜鍎跨編鏈暀鑲茬殑鐩爣鍜屽唴瀹广��</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.one" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.one" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>2.骞煎効缁樼敾鑳藉姏鍙戝睍鐨勪富瑕佺壒鐐规槸浠�涔堬紵</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.two" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.two" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>3.骞煎効缇庢湳鏁欒偛搴旈伒寰摢浜涘師鍒欙紵鍚勬湁鍝簺瑕佹眰锛�</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.three" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.three" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>4.骞煎効缇庢湳鏁欒偛鐨勪富瑕佹柟娉曟湁鍝嚑绉嶏紵</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.four" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.four" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>5.涓句緥璇存槑濡備綍缁勭粐涓�娆″辜鍎跨粯鐢绘椿鍔紵</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.five" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.five" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>6.骞煎効娆ｈ祻娲诲姩鐨勬寚瀵间竴鑸彲浠ュ垎涓哄摢鍑犱釜闃舵锛熷悇搴旀敞鎰忓摢浜涢棶棰橈紵</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.six" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.six" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>7.鎬庢牱缁勭粐骞煎効杩涜鎶樼焊娲诲姩锛�</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.seven" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.seven" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>8.閫夋嫨浣犺涔犺繃鐨勪竴娆″辜鍎跨編鏈椿鍔紝璇曡瘎浠疯娲诲姩鐨勪紭鐐逛笌涓嶈冻銆�</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.eight" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.eight" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>9.璇蜂互鈥滃揩涔愮殑鍎跨鑺傗�濅负涓婚锛岃璁′竴涓ぇ鐝剰鎰跨敾娲诲姩鐨勮鍒掋��</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.nine" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.nine" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p>10.瑙ｉ噴姒傚康銆�</p>
<p>骞煎効缇庢湳鏁欒偛銆�骞煎効缇庢湳娲诲姩鐨勫垱閫犲姏銆�瀹＄編鎰熺煡</p>
@@ -1889,7 +1929,7 @@
<img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span class="zt-ht">瀛︿範鍙嶆��</span>
</p>
<div class="bk-xyx">
- <textarea rows="3" v-model="chapter008.ten" @change="setBookQuestion" class="ml-40"></textarea>
+ <textarea rows="2" v-model="chapter008.ten" @change="setBookQuestion" class="ml-40"></textarea>
</div>
<p><br></p>
<ul class="footer-left">
@@ -1902,6 +1942,7 @@
</div>
</template>
<script>
+import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter008",
props: {
@@ -1912,7 +1953,7 @@
},
data() {
return {
- chapter008: {
+ chapter008: {
one: "",
two: "",
three: "",
@@ -1934,6 +1975,21 @@
nineteen: "",
twenty: ""
},
+ videoUrl: {},
+ videoMd5: {
+ v81: {
+ md5: "b60615138080bb37d86c6e6d1c8b9588",
+ name: "灏忕彮缁樼敾娲诲姩锛氭垜鐨勮繛琛ｈ",
+ },
+ v82: {
+ md5: "1e2143303a798cb0c2d95323a819b4ec",
+ name: "澶х彮缁樼敾娲诲姩锛氱尨瓒�",
+ },
+ v83: {
+ md5: "403c5eb3a7dd4fdcba32c4ea55665a0b",
+ name: "澶х彮缁樼敾娲诲姩锛氬惞鍑烘潵鐨勭唬鐞冭姳",
+ },
+ },
};
},
async mounted() {
@@ -1943,6 +1999,9 @@
if (bookQuestion) {
this.chapter008 = JSON.parse(bookQuestion);
}
+ this.getVideo(this.videoMd5.v81.md5, "v81");
+ this.getVideo(this.videoMd5.v82.md5, "v82");
+ this.getVideo(this.videoMd5.v83.md5, "v83");
},
methods: {
--
Gitblit v1.9.1