From b25a0073b805e82416934d0f123c10e9063e3c57 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 23 七月 2025 10:26:41 +0800
Subject: [PATCH] 婴幼儿运动安全替换
---
src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue | 224 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 194 insertions(+), 30 deletions(-)
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue b/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
index 7846726..d0909f7 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
@@ -50,9 +50,32 @@
</div>
</div>
<p class="center fm-fzdbs"><b>鑳庡効濞╁嚭涓庢柊鐢熷効鐨勪笉鍚岀О璋�</b></p>
- <p>
- 鍗佹湀鎬�鑳庯紝涓�鏈濆垎濞┿�備即闅忕潃鍝嶄寒鐨勫暭鍝紝鏂扮殑鐢熷懡璇炵敓锛岃繖灏辨槸鏂扮敓鍎裤�傛牴鎹垎濞╂椂鐨勫瓡鍛ㄦ垜浠妸鏂扮敓鍎垮垎涓猴細瓒虫湀鍎匡紙鑳庨緞婊�37鍛紝涓嶆弧42鍛級銆佹棭浜у効锛堣儙榫勬弧28鍛紝涓嶆弧37鍛級銆佽繃鏈熶骇鍎匡紙鑳庨緞瓒呰繃42鍛ㄤ互涓婏級銆傛牴鎹綋閲嶅�兼垜浠妸鏂扮敓鍎垮垎涓猴細姝ｅ父浣撻噸鍎匡紙浣撻噸澶т簬绛変簬2500鍏嬶紝灏忎簬4000鍏嬶級銆佷綆浣撻噸鍎匡紙浣撻噸灏忎簬2500鍏嬶級銆佸法澶у効锛堜綋閲嶅ぇ浜庣瓑浜�4000鍏嬶級銆�
- </p>
+ <div class="img-rights-video w330">
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="chapter001.videoMd5[0].handleMd5" 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>瑙嗛锛歿{ chapter001.videoMd5[0].name }}</span>
+ <el-tooltip class="item" effect="dark"
+ :content="chapter001.videoMd5[0].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == chapter001.videoMd5[0].md5
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[0])" />
+ </el-tooltip>
+ </p>
+ </div>
+ </div>
+ <span>
+ <p>
+ 鍗佹湀鎬�鑳庯紝涓�鏈濆垎濞┿�備即闅忕潃鍝嶄寒鐨勫暭鍝紝鏂扮殑鐢熷懡璇炵敓锛岃繖灏辨槸鏂扮敓鍎裤�傛牴鎹垎濞╂椂鐨勫瓡鍛ㄦ垜浠妸鏂扮敓鍎垮垎涓猴細瓒虫湀鍎匡紙鑳庨緞婊�37鍛紝涓嶆弧42鍛級銆佹棭浜у効锛堣儙榫勬弧28鍛紝涓嶆弧37鍛級銆佽繃鏈熶骇鍎匡紙鑳庨緞瓒呰繃42鍛ㄤ互涓婏級銆傛牴鎹綋閲嶅�兼垜浠妸鏂扮敓鍎垮垎涓猴細姝ｅ父浣撻噸鍎匡紙浣撻噸澶т簬绛変簬2500鍏嬶紝灏忎簬4000鍏嬶級銆佷綆浣撻噸鍎匡紙浣撻噸灏忎簬2500鍏嬶級銆佸法澶у効锛堜綋閲嶅ぇ浜庣瓑浜�4000鍏嬶級銆�
+ </p>
+ </span>
</div>
<h4 id="d025">锛堜簩锛夋柊鐢熷効鐨勫悇鍣ㄥ畼銆佺郴缁熷彂鑲茬壒鐐�</h4>
<h5 id="e024">1.杩愬姩绯荤粺</h5>
@@ -141,6 +164,60 @@
<div class="bk2">
<p class="center"><b>骞煎効鏁欏笀璧勬牸鑰冭瘯路鐪熼鍐嶇幇</b></p>
+ <ul class='mr-0' v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
+ <li>
+ {{ item.txt }}銆�
+ </li>
+ <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+ <label>
+ <input type="radio" :disabled="exampleTwo.isComplete" :name="item.txt" :value="citem.value"
+ v-model="item.userAnswer" @change="saveExampleTwo" />
+ <span>{{ citem.value }}.{{ citem.txt }}</span>
+ </label>
+ </li>
+ <li v-if="exampleTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</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" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goExampleTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeExampleTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="exampleTwo.isShowAnswer = !exampleTwo.isShowAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<p>2014骞翠笂娴锋暀甯堣祫鏍艰�冭瘯銆婁繚鏁欑煡璇嗕笌鑳藉姏銆嬶紙骞煎効鍥級妯℃嫙棰橈細</p>
<p>锛�1锛変笅鍒楀摢绉嶇幇璞¤兘琛ㄦ槑鏂扮敓鍎跨殑瑙嗗惉鍗忚皟锛堛��銆�锛�</p>
<p>A.鏈変簺濠村効鍚埌闊充箰浼氶湶鍑虹瑧瀹�</p>
@@ -1547,20 +1624,111 @@
showPageList: {
type: Array,
},
+ resourceList: {
+ type: Object,
+ },
},
data() {
return {
collectImg: require("../../assets/images/icon/heart.png"),
collectCheck: require("../../assets/images/icon/heart-check.png"),
- videoPathOne: "",
- videoPathTwo: "",
collectResourceList: [],
- chapterData: {
- isCollectVideo: false,
- isCollectVideo01: false,
- },
unitQuestion: {
isShowAnswer: false,
+ },
+ chapter001: {
+ videoMd5: [
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[20],
+ handleMd5: "",
+ name: "鏂扮敓锛堣儙鍎垮ī鍑猴級",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[21],
+ handleMd5: "",
+ name: "鏂扮敓鍎跨殑鍏堝ぉ鍙嶅皠",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[25],
+ handleMd5: "",
+ name: "鏂扮敓鍎跨殑鐘舵��",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[27],
+ handleMd5: "",
+ name: "鏂扮敓鍎挎甯哥殑鐢熺悊鐜拌薄",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[33],
+ handleMd5: "",
+ name: "姣嶄钩鍠傚吇鐨勬柟娉�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[34],
+ handleMd5: "",
+ name: "濂剁摱鍠傚吇鐨勬柟娉曞強濂剁摱鐨勬秷姣�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[36],
+ handleMd5: "",
+ name: "灏垮竷鐨勭绫诲強姝ｇ‘浣跨敤鏂规硶",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[42],
+ handleMd5: "",
+ name: "鏂扮敓鍎胯剱閮ㄦ姢鐞嗘搷浣滄楠�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[44],
+ handleMd5: "",
+ name: "鏂扮敓鍎块粍鐤稿強钃濆厜娌荤枟",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[45],
+ handleMd5: "",
+ name: "鎷嶅棟鐨勪笁绉嶆柟娉�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[46],
+ handleMd5: "",
+ name: "楣呭彛鐤殑鐥囩姸鍙婃纭鐞�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[47],
+ handleMd5: "",
+ name: "鏂扮敓鍎胯噣閮ㄦ姢鐞嗗強绾㈣噣鐨勯闃�",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[50],
+ handleMd5: "",
+ name: "濠村効鎶氳Е锛堥�傚悎1宀佷互鍓嶅疂瀹濓級",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[72],
+ handleMd5: "",
+ name: "姝ｇ‘鎵撹瑜撶殑鏂规硶",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[74],
+ handleMd5: "",
+ name: "鎬濊�冧笌缁冧範 瀛︾敓鎶氳Е浣滃搧",
+ },
+ ],
},
questionData: {
one: "",
@@ -1574,6 +1742,12 @@
bookData: {
one: "",
},
+
+
+
+ bookQusetion: [
+
+ ]
};
},
async mounted() {
@@ -1605,12 +1779,12 @@
},
methods: {
async getVidoePath() {
- this.videoPathOne = await getResourcePath(
- "d056878ebe8cb0dbf323afa4f50ce59e"
- );
- this.videoPathTwo = await getResourcePath(
- "be2714f3c8679bbe0ff150b5443321a9"
- );
+ for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
+ const item = this.chapter001.videoMd5[index];
+ if (item.md5 && !item.md5.includes("https:")) {
+ item.handleMd5 = await getResourcePath(item.md5);
+ }
+ }
},
setBookQuestion() {
localStorage.setItem(
@@ -1638,26 +1812,16 @@
this.unitQuestion.isShowAnswer = false;
},
handleCollect(e) {
- if (e == "video-01") {
+ if (e) {
this.handleCollectResource(
- "d056878ebe8cb0dbf323afa4f50ce59e",
- "d056878ebe8cb0dbf323afa4f50ce59e",
+ e.md5,
+ e.md5,
"",
"瑙嗛",
"bits",
- "瑙嗛锛氬瓡鏈熷攼姘忕瓫鏌�"
+ "瑙嗛锛�" + e.md5,
);
- this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
- } else if (e == "video-02") {
- this.handleCollectResource(
- "be2714f3c8679bbe0ff150b5443321a9",
- "be2714f3c8679bbe0ff150b5443321a9",
- "",
- "瑙嗛",
- "bits",
- "瑙嗛锛氬瓡鏈熶繚鍋�"
- );
- this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+ e.isCollectVideo = !e.isCollectVideo;
}
this.handleChapterData();
},
--
Gitblit v1.9.1