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/chapter004.vue | 143 +++++++++++++++++++++++++++++++++++++----------
1 files changed, 113 insertions(+), 30 deletions(-)
diff --git a/src/books/toddlerGameImplementation/view/components/chapter004.vue b/src/books/toddlerGameImplementation/view/components/chapter004.vue
index 7d30305..bf4f093 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter004.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter004.vue
@@ -404,7 +404,7 @@
<span>瑙嗛锛�0锝�1宀佸┐鍎垮姩浣滄父鎴忚璁′笌鎸囧</span>
<el-tooltip class="item" effect="dark"
:content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
- <img :src="collectResourceList.findIndex(item => item.id == 'dad3d3586822dfe922f40c47ba10e76f') > -1 ? collectCheck : collectImg"
+ <img :src="collectResourceList.findIndex(item => item.id == '7ce18eab6c16b6c01ac0b3af352a2393') > -1 ? collectCheck : collectImg"
alt="" class="collect-btn" @click="handleCollect('video-01')" />
</el-tooltip>
</p>
@@ -431,7 +431,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"
@@ -463,7 +463,7 @@
</li>
<li v-if="unitQuestionOne.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>
@@ -745,7 +745,7 @@
<span>瑙嗛锛�1锝�2宀佸辜鍎垮姩浣滄父鎴忚璁′笌鎸囧</span>
<el-tooltip class="item" effect="dark"
:content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
- <img :src="collectResourceList.findIndex(item => item.id == 'dad3d3586822dfe922f40c47ba10e76f') > -1 ? collectCheck : collectImg"
+ <img :src="collectResourceList.findIndex(item => item.id == 'b7b3eb30d34e36baa4ecda820f92dc70') > -1 ? collectCheck : collectImg"
alt="" class="collect-btn" @click="handleCollect('video-02')" />
</el-tooltip>
</p>
@@ -776,7 +776,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"
@@ -808,7 +808,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>
@@ -1076,7 +1076,7 @@
<span>瑙嗛锛�2锝�3宀佸辜鍎垮姩浣滄父鎴忚璁′笌鎸囧</span>
<el-tooltip class="item" effect="dark"
:content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
- <img :src="collectResourceList.findIndex(item => item.id == 'dad3d3586822dfe922f40c47ba10e76f') > -1 ? collectCheck : collectImg"
+ <img :src="collectResourceList.findIndex(item => item.id == '2b6a8daac953fa5da40bafeed1b0f85a') > -1 ? collectCheck : collectImg"
alt="" class="collect-btn" @click="handleCollect('video-03')" />
</el-tooltip>
</p>
@@ -1117,7 +1117,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"
@@ -1149,7 +1149,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>
@@ -1233,6 +1233,33 @@
</p>
<p class="content">鎺ヤ笅鏉ワ紝鎴戜滑灏嗚繘鍏ユ父鎴忔渚嬪睍绀虹幆鑺傘�傚湪鏈娓告垙妗堜緥绀鸿寖涓紝鎴戜滑灏嗕负浣犲睍绀哄浣曢�氳繃娓告垙婵�鍙戝┐骞煎効鐨勬綔鑳斤紝淇冭繘浠栦滑鐨勫姩浣滃彂灞曪紝鐩镐俊杩欎簺妗堜緥浼氱粰浣犲甫鏉ュ惎鍙戝拰甯姪銆�
</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>
<span class="td-0">
@@ -1290,11 +1317,11 @@
chapter001: {
pdfMd5: {
1: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "1163b037f10a617fad93b1920918ee25",
name: "妯″潡鍥浡犲矖浣嶈繘闃惰缁�",
},
2: {
- md5: "6a7118abdc38a24995f26c164d63648c",
+ md5: "96ee41c37890c9c0ce53b33ea8d5cc79",
name: "妯″潡鍥浡犲疄璁伐浣滀换鍔�",
},
},
@@ -1304,6 +1331,58 @@
questionNum: 114,
},
},
+ },
+ chapter002: {
+ videoMd5: [
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "ccdd50b233ac051615d96d1e0c6bf4d1",
+ name: "0-3鏈堥緞鍔ㄤ綔娓告垙銆婇潚铔欎话澶┿��",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "7f0a6f3076ee0055729fc3ceeb7aed1e",
+ name: "4-6鏈堥緞濠村辜鍎垮姩浣滄父鎴忋�婂揩鎶撲綇瀹冦��",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "5458904834f65d267628f6f098d252f6",
+ name: "7-9鏈堥緞濠村辜鍎垮姩浣滄父鎴忋�婅拷璧跺皬铚楃墰銆�",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "06db853fbf1fb28d5e14c2393b2f395f",
+ name: "10-12鏈堥緞濠村辜鍎垮姩浣滄父鎴忋�婂�掑嚭鏉ワ紝鏀捐繘鍘汇��",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "e0bea1d9d231f9182ad5a26722427de1",
+ name: "12-18鏈堥緞濠村辜鍎垮姩浣滄父鎴忋�婅窡鎴戣蛋銆�",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "cf34d7e5ce32c20d81bdbf4c264ddf8c",
+ name: "18-24鏈堥緞濠村辜鍎垮姩浣滄父鎴忋�婇挀楸笺��",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "75b5d3c12e47d15ed13b69e14e0fc162",
+ name: "24-31鏈堥緞鍔ㄤ綔娓告垙銆婂皬鍔ㄧ墿璧拌矾銆�",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "0cdd2afba862012ae2c791dfb3925f01",
+ name: "31-36鏈堥緞鍔ㄤ綔娓告垙銆婃挄绾搞��",
+ },
+ ],
},
// 棰樼洰
dialogVisibleOne: false,
@@ -1776,38 +1855,42 @@
async getVidoePath() {
this.videoPathOne = await getResourcePath(
- "b5825da2f4b250bdebe58506ada151a0"
+ "7ce18eab6c16b6c01ac0b3af352a2393"
);
this.videoPathTwo = await getResourcePath(
- "aee4a53eba7bf404d8a9d87447ea527c"
+ "b7b3eb30d34e36baa4ecda820f92dc70"
);
this.videoPathThree = await getResourcePath(
- "bc39e1bc833fef30f8c0d2f2692f7794"
+ "2b6a8daac953fa5da40bafeed1b0f85a"
);
- 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') {
- this.handleCollectResource("b5825da2f4b250bdebe58506ada151a0", "b5825da2f4b250bdebe58506ada151a0", '', "瑙嗛", "bits", '瑙嗛锛�0锝�1宀佸┐鍎垮姩浣滄父鎴忚璁′笌鎸囧')
+ if (e.md5) {
+ this.handleCollectResource(
+ e.md5,
+ e.md5,
+ "",
+ "瑙嗛",
+ "bits",
+ "鍔ㄤ綔娓告垙妗堜緥灞曠ず锛�" + e.name
+ );
+ e.isCollectVideo = !e.isCollectVideo;
+ } else if (e == 'video-01') {
+ this.handleCollectResource("7ce18eab6c16b6c01ac0b3af352a2393", "7ce18eab6c16b6c01ac0b3af352a2393", '', "瑙嗛", "bits", '瑙嗛锛�0锝�1宀佸┐鍎垮姩浣滄父鎴忚璁′笌鎸囧')
this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
} else if (e == 'video-02') {
- this.handleCollectResource("aee4a53eba7bf404d8a9d87447ea527c", "aee4a53eba7bf404d8a9d87447ea527c", '', "瑙嗛", "bits", '瑙嗛锛�1锝�2宀佸┐鍎垮姩浣滄父鎴忚璁′笌鎸囧')
+ this.handleCollectResource("b7b3eb30d34e36baa4ecda820f92dc70", "b7b3eb30d34e36baa4ecda820f92dc70", '', "瑙嗛", "bits", '瑙嗛锛�1锝�2宀佸辜鍎垮姩浣滄父鎴忚璁′笌鎸囧')
this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
} else if (e == 'video-03') {
- this.handleCollectResource("bc39e1bc833fef30f8c0d2f2692f7794", "bc39e1bc833fef30f8c0d2f2692f7794", '', "瑙嗛", "bits", '瑙嗛锛�2锝�3宀佸┐鍎垮姩浣滄父鎴忚璁′笌鎸囧')
+ this.handleCollectResource("2b6a8daac953fa5da40bafeed1b0f85a", "2b6a8daac953fa5da40bafeed1b0f85a", '', "瑙嗛", "bits", '瑙嗛锛�2锝�3宀佸辜鍎垮姩浣滄父鎴忚璁′笌鎸囧')
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
}
},
//璧勬簮鏀惰棌浜嬩欢
--
Gitblit v1.9.1