From 97eb39caf61e8ea8f70776af267f6deed51720fe Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 28 七月 2025 09:43:39 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/aurturingAndEducationAged0to3/view/components/chapter001.vue | 125 +++++++++++++++++++++--------------------
1 files changed, 65 insertions(+), 60 deletions(-)
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/chapter001.vue b/src/books/aurturingAndEducationAged0to3/view/components/chapter001.vue
index 4eb8da5..8e309b7 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/chapter001.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/chapter001.vue
@@ -70,7 +70,7 @@
<div class="bodystyle">
<p class="img">琛�1-1銆�鑳庡効韬暱浣撻噸澧為暱涓�瑙�<sup>鈶�</sup></p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0017-1.jpg" />
+ <img class="img-0" alt="琛�1-1銆�鑳庡効韬暱浣撻噸澧為暱涓�瑙�" src="../../assets/images/0017-1.jpg" />
</p>
<div class="bk-1">
<div class="bk-2">
@@ -120,52 +120,52 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-01.jpg" />
+ <img src="../../assets/images/0015-01.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-02.jpg" />
+ <img src="../../assets/images/0015-02.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-03.jpg" />
+ <img src="../../assets/images/0015-03.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-04.jpg" />
+ <img src="../../assets/images/0015-04.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-05.jpg" />
+ <img src="../../assets/images/0015-05.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-06.jpg" />
+ <img src="../../assets/images/0015-06.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-07.jpg" />
+ <img src="../../assets/images/0015-07.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-08.jpg" />
+ <img src="../../assets/images/0015-08.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-09.jpg" />
+ <img src="../../assets/images/0015-09.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/0015-10.jpg" />
+ <img src="../../assets/images/0015-10.jpg" alt="鍥�1-1 鑳庡効鍙戣偛鐨勮繃绋�" />
</div>
</div>
</div>
@@ -222,7 +222,7 @@
<img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span class="zt-ht">鏈鍐呭鍥為【</span>
</p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0019-1.jpg" />
+ <img class="img-0" alt="鏈鍐呭鍥為【" src="../../assets/images/0019-1.jpg" />
</p>
<h2 id="b002">
<span class="h2-zt">绗簩璇�</span><span class="h2-zt1">褰卞搷鑳庡効鍙戣偛鐨勫洜绱�</span>
@@ -252,20 +252,20 @@
<div class="img-rights-video w395">
<div class="video-box">
<p class="center text td-0">
- <video :src="videoPathOne" 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>
+ <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>瑙嗛锛氬瓡鏈熷攼姘忕瓫鏌�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
- " placement="top-start">
+ <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 == 'd056878ebe8cb0dbf323afa4f50ce59e'
+ (item) => item.id == chapter001.videoMd5[0].md5
) > -1
? collectCheck
: collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+ " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[0])" />
</el-tooltip>
</p>
</div>
@@ -380,20 +380,20 @@
<div class="img-rights-video w395">
<div class="video-box">
<p class="center text td-0">
- <video :src="videoPathTwo" 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>
+ <video :src="chapter001.videoMd5[1].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>瑙嗛锛氬瓡鏈熷攼姘忕瓫鏌�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
- " placement="top-start">
+ <span>瑙嗛锛歿{ chapter001.videoMd5[1].name }}</span>
+ <el-tooltip class="item" effect="dark"
+ :content="chapter001.videoMd5[1].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
<img :src="collectResourceList.findIndex(
- (item) => item.id == 'be2714f3c8679bbe0ff150b5443321a9'
+ (item) => item.id == chapter001.videoMd5[1].md5
) > -1
? collectCheck
: collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+ " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[1])" />
</el-tooltip>
</p>
</div>
@@ -429,13 +429,13 @@
<div class="bodystyle">
<p class="img">琛�1-2 甯歌瀛曟湡钀ュ吇绱犵己涔忓鑷寸殑鑳庡効鍙戣偛涓嶈壇鎯呭喌</p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0023-1.jpg" />
+ <img class="img-0" alt="琛�1-2 甯歌瀛曟湡钀ュ吇绱犵己涔忓鑷寸殑鑳庡効鍙戣偛涓嶈壇鎯呭喌" src="../../assets/images/0023-1.jpg" />
</p>
<p class="fl al-c mt-20 mb-20">
<img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span class="zt-ht">鏈鍐呭鍥為【</span>
</p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0023-2.jpg" />
+ <img class="img-0" alt="鏈鍐呭鍥為【" src="../../assets/images/0023-2.jpg" />
</p>
</div>
<ul class="fl al-fe jc-fe footer-right">
@@ -570,7 +570,7 @@
<img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span class="zt-ht">鏈鍐呭鍥為【</span>
</p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0027-1.jpg" />
+ <img class="img-0" alt="鏈鍐呭鍥為【" src="../../assets/images/0027-1.jpg" />
</p>
<h2 id="b004">
<span class="h2-zt">绗洓璇�</span><span class="h2-zt1">鑳庡効鏁欒偛</span>
@@ -699,7 +699,7 @@
<img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span class="zt-ht">鏈鍐呭鍥為【</span>
</p>
<p class="center openImgBox">
- <img class="img-0" alt="" src="../../assets/images/0030-1.jpg" />
+ <img class="img-0" alt="鏈鍐呭鍥為【" src="../../assets/images/0030-1.jpg" />
</p>
<p id="first-answer">
<img class="rwmb-1" alt="" src="../../assets/images/tb-5.png" /><span class="zt-ht">鎬濊�冧笌缁冧範</span>
@@ -827,7 +827,7 @@
<p>
<img class="rwmb-1" alt="" src="../../assets/images/tb-8.png" /><span class="zt-ht">瀛︿範鍙嶆��</span>
</p>
- <textarea v-model="bookData.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="9" class="table-textarea"
+ <textarea v-model="bookData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="9" class="table-textarea"
@change="setBookData"></textarea>
</div>
<ul class="fl al-fe jc-fe footer-right">
@@ -851,20 +851,33 @@
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[13],
+ handleMd5: "",
+ name: "瀛曟湡鍞愭皬绛涙煡",
+ },
+ {
+ isCollectVideo: false,
+ md5: this.resourceList[14],
+ handleMd5: "",
+ name: "瀛曟湡淇濆仴",
+ },
+ ],
},
questionData: {
one: "",
@@ -909,13 +922,14 @@
},
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(
"aurturingAndEducation-book-chapter01-questionData",
@@ -942,29 +956,20 @@
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();
},
+
handleChapterData() {
localStorage.setItem(
"aurturingAndEducation-book-chapter01-Data",
--
Gitblit v1.9.1