From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 01 七月 2025 17:17:30 +0800
Subject: [PATCH] 无人机样章
---
src/books/toddlerGameImplementation/view/components/chapter003.vue | 139 +++++++++++++++++++++++++---------------------
1 files changed, 75 insertions(+), 64 deletions(-)
diff --git a/src/books/toddlerGameImplementation/view/components/chapter003.vue b/src/books/toddlerGameImplementation/view/components/chapter003.vue
index f5093f4..2e0d834 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter003.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter003.vue
@@ -215,7 +215,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -270,7 +270,7 @@
p-id="11010"></path>
</svg>
</span>
- <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 璧拌繎棣欏北鎱堝辜闄�</span>
+ <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛氳蛋杩戦灞辨厛骞奸櫌</span>
</div>
</div>
</div>
@@ -621,7 +621,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -653,7 +653,7 @@
</li>
<li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
<span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
- }}銆�</span></span>
+ }}銆�</span></span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
userAnswer }}銆�</span></span>
@@ -711,7 +711,7 @@
p-id="11010"></path>
</svg>
</span>
- <span @click="toUrl(2)">椹儗鎽囩鈥斺�斿欢瀹変繚鑲查櫌</span>
+ <span @click="toUrl(2)">聽鏂囨湰璧勬簮锛氶┈鑳屾憞绡�斺�斿欢瀹変繚鑲查櫌</span>
</div>
</div>
</div>
@@ -1378,7 +1378,7 @@
<p>4.鏈夋満澧炲噺鎴栫粍鍚堟潗鏂欑敓鎴愭父鎴�</p>
<p>鎵樼彮鐨勭幆澧冨簲璇ユ牴鎹辜鍎跨殑鍙戝睍闇�瑕佽繘琛岄�傛椂閫傚綋鐨勫彉鎹紝濡傚鍑忔潗鏂欍�佺粍鍚堟潗鏂欑瓑锛屼互婊¤冻涓嶅悓鍙戝睍閫熷害骞煎効鐨勯渶瑕侊紝璇卞彂鍏朵笉鍚岃涓猴紝浠ユ敮鎸佹垨鎺ㄥ姩骞煎効鍙戝睍銆傛瘮濡傦紝鍦ㄢ�滅帺璞嗏�濇父鎴忎腑锛屽父閬囧埌杩欐牱鐨勬儏鍐碉細鐡跺彛灏忋�佸嫼瀛愬ぇ锛岃眴璞嗚涓嶈繘鐡朵腑锛屾父鎴忓垵濮嬮樁娈垫垨鑳藉姏寮辩殑骞煎効灏变細閫夋嫨鏀惧純銆傚鏋滄暀甯堥�傛椂涓哄辜鍎挎彁渚涙紡鏂椾箣绫荤殑宸ュ叿锛岃骞煎効鍊熷姪婕忔枟缁х画鎿嶄綔鎽嗗紕锛屾父鎴忓氨鑳界户缁笅鍘汇�傚皢鍚岀鏉愭枡杩涜缁勫悎锛屼篃鏄緢濂界殑涓�绉嶆柟娉曪紝濡傝疆鑳庣粍鍚堟父鎴忋�佺怀绱㈢粍鍚堛�佹瀛愮粍鍚堢瓑銆傛潗鏂欑殑缁勫悎鑳戒娇娲诲姩鐨勫彲鐜╂�у寮猴紝鏇撮渶瑕佸辜鍎垮崗璋冨绉嶈繍鍔ㄦ妧鑳斤紝骞堕�氳繃涓嶆柇鎺㈢储銆佸皾璇曪紝瀵绘壘浣胯嚜宸遍『鍒╄В鍐抽棶棰樼殑鏂规硶銆傚洜姝わ紝杩欏骞煎効鐨勮兘鍔涘叿鏈変竴瀹氱殑鎸戞垬鎬с�備絾涔熸鍥犱负鏈変簡鎸戞垬鎬э紝骞煎効鏇村枩娆㈣繖鏍风殑娲诲姩浜嗐�備絾缁勫悎杩囩▼涓紝瑕佹牴鎹辜鍎跨殑瀹為檯姘村钩锛岀‘瀹氶�傚疁鐨勯毦搴︺��
</p>
- <p>璧勬枡鏉ユ簮锛氭堡鑲栦附锛屾澀宸炲競婵骞煎効鍥暀鑲查泦鍥€�傛湁鏀瑰姩銆�</p>
+ <p class="fm-fzxbs">璧勬枡鏉ユ簮锛氭堡鑲栦附锛屾澀宸炲競婵骞煎効鍥暀鑲查泦鍥€�傛湁鏀瑰姩銆�</p>
</div>
</div>
</div>
@@ -1411,7 +1411,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -1443,7 +1443,7 @@
</li>
<li v-if="unitQuestionThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
<span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
- }}銆�</span></span>
+ }}銆�</span></span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
userAnswer }}銆�</span></span>
@@ -1502,7 +1502,7 @@
p-id="11010"></path>
</svg>
</span>
- <span @click="toUrl(3)">聽鏂囨湰璧勬簮锛� 妯″潡涓壜犲矖浣嶈繘闃惰缁�</span>
+ <span @click="toUrl(3)">聽鏂囨湰璧勬簮锛氭ā鍧椾笁聽宀椾綅杩涢樁璁粌</span>
</div>
</div>
</div>
@@ -1518,7 +1518,7 @@
p-id="11010"></path>
</svg>
</span>
- <span @click="toUrl(4)">聽鏂囨湰璧勬簮锛� 妯″潡涓壜犲疄璁伐浣滀换鍔�</span>
+ <span @click="toUrl(4)">聽鏂囨湰璧勬簮锛氭ā鍧椾笁聽瀹炶宸ヤ綔浠诲姟</span>
</div>
</div>
</div>
@@ -1526,35 +1526,32 @@
<img class="rwmb-1" alt="" src="../../assets/images/0060_04.jpg" />
</p>
<p class="content">鎺ヤ笅鏉ワ紝鎴戜滑灏嗚窡闅忓弻甯堣蛋杩涙墭鑲叉満鏋勩�傚湪鏈涓庤涓氫笓瀹剁殑娣卞害瀵硅瘽涓紝鎴戜滑灏嗕负浣犲睍绀哄浣曞疄鏂芥父鎴忔寚瀵煎拰鍦ㄦ父鎴忎腑瑙傚療濠村辜鍎裤�傜浉淇¤繖浜涙渚嬩細缁欎綘甯︽潵鍚彂鍜屽府鍔┿��</p>
- <div class="video-box">
- <p class="center text">
- <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
- playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
- x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛氬弻甯堣璋堝井璇撅細娓告垙瑙傚療</span>
- <el-tooltip class="item" effect="dark"
- :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
- <img :src="collectResourceList.findIndex(item => item.id == 'bc39e1bc833fef30f8c0d2f2692f7794') > -1 ? collectCheck : collectImg"
- alt="" class="collect-btn" @click="handleCollect('video-04')" />
- </el-tooltip>
- </p>
- </div>
- <div class="video-box">
- <p class="center text">
- <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
- playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
- x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛氬弻甯堣璋堝井璇撅細濠村辜鍎挎父鎴忓疄鏂芥寚瀵�</span>
- <el-tooltip class="item" effect="dark"
- :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
- <img :src="collectResourceList.findIndex(item => item.id == 'bc39e1bc833fef30f8c0d2f2692f7794') > -1 ? collectCheck : collectImg"
- alt="" class="collect-btn" @click="handleCollect('video-05')" />
- </el-tooltip>
- </p>
+ <div class="bk-video fl">
+ <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><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="34" 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="#6dcff6" p-id="34779"></path>
+ </svg></span></p>
+ <div class="fl jc-fs fw-w">
+ <div style="width: 200px; height: auto; margin: 0 5px;"
+ v-for="(item, index) in chapter002.videoMd5" :key="index">
+ <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+ controls controlslist="nodownload" class="video-border w100"
+ :src="item.handleMd5"></video>
+ <div class="fl al-c jc-c">
+ <p class="td-0" style="font-size: 12px;">鍙屽笀璁胯皥妗堜緥锛歿{ item.name }}</p>
+ <el-tooltip class="item" effect="dark"
+ :content="item.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn1" @click="handleCollect(item)" />
+ </el-tooltip>
+ </div>
+ </div>
+ </div>
</div>
<p class="dialogQuestion mt-20 mb-20" @click="openQuestion(1)">
<span class="td-0">銆愭湰鑺傛祴璇曘��</span>
@@ -1613,19 +1610,19 @@
chapter001: {
pdfMd5: {
1: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "d5db7d4d8d605f7339473cfd56817ef4",
name: "璧拌繎棣欏北鎱堝辜闄�",
},
2: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "878b95e1430df73cec22bf947e3cbbc7",
name: "椹儗鎽囩鈥斺�斿欢瀹変繚鑲查櫌",
},
3: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "f2d1d4f55d7b41c7a516bf1b54ae74ae",
name: "妯″潡涓壜犲矖浣嶈繘闃惰缁�",
},
4: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "d5086ab140bc93d86a2c9bff0eaa2ea4",
name: "妯″潡涓壜犲疄璁伐浣滀换鍔�",
},
},
@@ -1647,17 +1644,11 @@
videoPathOne: "",
videoPathTwo: "",
videoPathThree: "",
- videoPathFour: "",
- videoPathFive: "",
collectResourceList: [],
chapterData: {
isCollectVideo: false,
isCollectVideo01: false,
isCollectVideo02: false,
- isCollectVideo03: false,
- isCollectVideo04: false,
- isCollectVideo05: false,
- isCollectVideo06: false,
},
tableData: {
unitOne: {
@@ -2080,6 +2071,22 @@
},
],
},
+ chapter002: {
+ videoMd5: [
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "66dc93e4834e55e8ada3eacda56bce8d",
+ name: "娓告垙瑙傚療",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "1affa8b5db69dcea22e35f9d84638438",
+ name: "濠村辜鍎挎父鎴忓疄鏂芥寚瀵�",
+ },
+ ],
+ },
}
},
async mounted() {
@@ -2131,31 +2138,35 @@
this.videoPathThree = await getResourcePath(
"bc39e1bc833fef30f8c0d2f2692f7794"
);
- this.videoPathFour = await getResourcePath(
- ""
- );
- this.videoPathFive = await getResourcePath(
- ""
- );
+ for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
+ const item = this.chapter002.videoMd5[index];
+ if (item.md5 && !item.md5.includes("https:")) {
+ item.handleMd5 = await getResourcePath(item.md5);
+ }
+ }
},
handleCollect(e) {
- if (e == 'video-01') {
+ if (e.md5) {
+ this.handleCollectResource(
+ e.md5,
+ e.md5,
+ "",
+ "瑙嗛",
+ "bits",
+ "鍙屽笀璁胯皥妗堜緥锛�" + e.name
+ );
+ e.isCollectVideo = !e.isCollectVideo;
+ } else if (e == 'video-01') {
this.handleCollectResource("b5825da2f4b250bdebe58506ada151a0", "b5825da2f4b250bdebe58506ada151a0", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮瀵�')
this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
} else if (e == 'video-02') {
- this.handleCollectResource("aee4a53eba7bf404d8a9d87447ea527c", "aee4a53eba7bf404d8a9d87447ea527c", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮瀵�')
+ this.handleCollectResource("aee4a53eba7bf404d8a9d87447ea527c", "aee4a53eba7bf404d8a9d87447ea527c", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮褰�')
this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
} else if (e == 'video-03') {
this.handleCollectResource("bc39e1bc833fef30f8c0d2f2692f7794", "bc39e1bc833fef30f8c0d2f2692f7794", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮瘎浠�')
this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
- } else if (e == 'video-04') {
- this.handleCollectResource("bc39e1bc833fef30f8c0d2f2692f7794", "bc39e1bc833fef30f8c0d2f2692f7794", '', "瑙嗛", "bits", '瑙嗛锛氬弻甯堣璋堝井璇撅細娓告垙瑙傚療')
- this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
- } else if (e == 'video-04') {
- this.handleCollectResource("bc39e1bc833fef30f8c0d2f2692f7794", "bc39e1bc833fef30f8c0d2f2692f7794", '', "瑙嗛", "bits", '瑙嗛锛氬弻甯堣璋堝井璇撅細濠村辜鍎挎父鎴忓疄鏂芥寚瀵�')
- this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
- }
+ }
},
//璧勬簮鏀惰棌浜嬩欢
// resourcePath 鏂囦欢璺緞锛�
--
Gitblit v1.9.1