From 29758f3657c62d4317bcb54050d4b860abeb184e Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 14 八月 2024 14:57:17 +0800
Subject: [PATCH] 体育与健康视频修改
---
src/books/sportsAndHealth/view/components/chapter003.vue | 290 +++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 205 insertions(+), 85 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue
index 0b91cf7..ac5b2b7 100644
--- a/src/books/sportsAndHealth/view/components/chapter003.vue
+++ b/src/books/sportsAndHealth/view/components/chapter003.vue
@@ -7437,79 +7437,79 @@
<span>{{ chapter003.videoMd5.v24.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx16">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v25"></video>
<span>{{ chapter003.videoMd5.v25.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx16">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v26"></video>
<span>{{ chapter003.videoMd5.v26.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx16">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v27"></video>
<span>{{ chapter003.videoMd5.v27.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx16">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v28"></video>
<span>{{ chapter003.videoMd5.v28.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx16">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v29"></video>
<span>{{ chapter003.videoMd5.v29.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx17">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v30"></video>
<span>{{ chapter003.videoMd5.v30.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx17">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v31"></video>
<span>{{ chapter003.videoMd5.v31.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx17">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v32"></video>
<span>{{ chapter003.videoMd5.v32.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx17">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v33"></video>
<span>{{ chapter003.videoMd5.v33.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx17">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v34"></video>
<span>{{ chapter003.videoMd5.v34.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx18">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v35"></video>
<span>{{ chapter003.videoMd5.v35.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx18">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v36"></video>
<span>{{ chapter003.videoMd5.v36.name }}</span>
</div>
- <div class="videoItem" v-if="chapter003.isShowXyx15">
+ <div class="videoItem" v-if="chapter003.isShowXyx18">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v37"></video>
@@ -7582,7 +7582,15 @@
isShowXyx12: false,
isShowXyx13: false,
isShowXyx14: false,
+
+
+
isShowXyx15: false,
+ isShowXyx16: false,
+ isShowXyx17: false,
+ isShowXyx18: false,
+
+
score1: 0,
score2: 0,
score3: 0,
@@ -8265,14 +8273,9 @@
},
created() {
+
if (!this.isSearch) {
- this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
- this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
- this.getVideo(this.chapter003.videoMd5.v3.md5, 'v3')
- this.getVideo(this.chapter003.videoMd5.v4.md5, 'v4')
- this.getVideo(this.chapter003.videoMd5.v5.md5, 'v5')
- this.getVideo(this.chapter003.videoMd5.v6.md5, 'v6')
- this.getVideo(this.chapter003.videoMd5.v7.md5, 'v7')
+
this.getVideo(this.chapter003.videoMd5.v8.md5, 'v8')
this.getVideo(this.chapter003.videoMd5.v9.md5, 'v9')
@@ -8283,71 +8286,11 @@
this.getVideo(this.chapter003.videoMd5.v14.md5, 'v14')
this.getVideo(this.chapter003.videoMd5.v15.md5, 'v15')
this.getVideo(this.chapter003.videoMd5.v16.md5, 'v16')
-
this.getVideo(this.chapter003.videoMd5.v17.md5, 'v17')
this.getVideo(this.chapter003.videoMd5.v18.md5, 'v18')
this.getVideo(this.chapter003.videoMd5.v19.md5, 'v19')
this.getVideo(this.chapter003.videoMd5.v20.md5, 'v20')
- this.getVideo(this.chapter003.videoMd5.v21.md5, 'v21')
- this.getVideo(this.chapter003.videoMd5.v22.md5, 'v22')
- this.getVideo(this.chapter003.videoMd5.v23.md5, 'v23')
- this.getVideo(this.chapter003.videoMd5.v24.md5, 'v24')
- this.getVideo(this.chapter003.videoMd5.v25.md5, 'v25')
- this.getVideo(this.chapter003.videoMd5.v26.md5, 'v26')
- this.getVideo(this.chapter003.videoMd5.v27.md5, 'v27')
- this.getVideo(this.chapter003.videoMd5.v28.md5, 'v28')
- this.getVideo(this.chapter003.videoMd5.v29.md5, 'v29')
- this.getVideo(this.chapter003.videoMd5.v30.md5, 'v30')
- this.getVideo(this.chapter003.videoMd5.v31.md5, 'v31')
- this.getVideo(this.chapter003.videoMd5.v32.md5, 'v32')
- this.getVideo(this.chapter003.videoMd5.v33.md5, 'v33')
- this.getVideo(this.chapter003.videoMd5.v34.md5, 'v34')
- this.getVideo(this.chapter003.videoMd5.v35.md5, 'v35')
- this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
- this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')
-
- this.getVideos(this.chapter003.video2Md5.v1.md5, 'v1')
- this.getVideos(this.chapter003.video2Md5.v2.md5, 'v2')
- this.getVideos(this.chapter003.video2Md5.v3.md5, 'v3')
- this.getVideos(this.chapter003.video2Md5.v4.md5, 'v4')
- this.getVideos(this.chapter003.video2Md5.v5.md5, 'v5')
- this.getVideos(this.chapter003.video2Md5.v6.md5, 'v6')
-
- setTimeout(() => {
- this.getVideos(this.chapter003.video2Md5.v7.md5, 'v7')
- this.getVideos(this.chapter003.video2Md5.v8.md5, 'v8')
- this.getVideos(this.chapter003.video2Md5.v9.md5, 'v9')
- this.getVideos(this.chapter003.video2Md5.v10.md5, 'v10')
- this.getVideos(this.chapter003.video2Md5.v11.md5, 'v11')
- this.getVideos(this.chapter003.video2Md5.v12.md5, 'v12')
- }, 1000)
-
- setTimeout(() => {
- this.getVideos(this.chapter003.video2Md5.v13.md5, 'v13')
- this.getVideos(this.chapter003.video2Md5.v14.md5, 'v14')
- this.getVideos(this.chapter003.video2Md5.v15.md5, 'v15')
- this.getVideos(this.chapter003.video2Md5.v16.md5, 'v16')
- this.getVideos(this.chapter003.video2Md5.v17.md5, 'v17')
- this.getVideos(this.chapter003.video2Md5.v18.md5, 'v18')
- }, 3000)
-
- setTimeout(() => {
- this.getVideos(this.chapter003.video2Md5.v19.md5, 'v19')
- this.getVideos(this.chapter003.video2Md5.v20.md5, 'v20')
- this.getVideos(this.chapter003.video2Md5.v21.md5, 'v21')
- this.getVideos(this.chapter003.video2Md5.v22.md5, 'v22')
- this.getVideos(this.chapter003.video2Md5.v23.md5, 'v23')
- this.getVideos(this.chapter003.video2Md5.v24.md5, 'v24')
- }, 5000)
-
- setTimeout(() => {
- this.getVideos(this.chapter003.video2Md5.v25.md5, 'v25')
- this.getVideos(this.chapter003.video2Md5.v26.md5, 'v26')
- this.getVideos(this.chapter003.video2Md5.v27.md5, 'v27')
- this.getVideos(this.chapter003.video2Md5.v28.md5, 'v28')
- this.getVideos(this.chapter003.video2Md5.v29.md5, 'v29')
- }, 7000)
}
const localData = JSON.parse(localStorage.getItem('chapter003'))
@@ -8368,7 +8311,13 @@
},
activityXyx1() {
this.isShowXyx01 = !this.isShowXyx01
- this.videoShow3 = !this.videoShow3
+
+
+
+ this.videoShow3 = true
+
+
+
},
async getVideo(md5, val) {
const data = await getResourcePath(md5)
@@ -8403,6 +8352,22 @@
activityXyx2() {
this.isShowXyx02 = !this.isShowXyx02
+
+
+ if (!this.isSearch && !this.chapter003.videoShow1) {
+
+ this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
+ this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
+ this.getVideo(this.chapter003.videoMd5.v3.md5, 'v3')
+ this.getVideo(this.chapter003.videoMd5.v4.md5, 'v4')
+ this.getVideo(this.chapter003.videoMd5.v5.md5, 'v5')
+ this.getVideo(this.chapter003.videoMd5.v6.md5, 'v6')
+ this.getVideo(this.chapter003.videoMd5.v7.md5, 'v7')
+
+
+
+ }
+
this.chapter003.videoShow1 = true
setTimeout(() => {
this.chapter003.videoShow2 = true
@@ -8410,14 +8375,74 @@
},
activityXyx20() {
this.isShowXyx020 = !this.isShowXyx020
- this.chapter003.isShowXyx12 = true
+
+
+ if (!this.isSearch && !this.chapter003.isShowXyx12) {
+
+
+
+ this.getVideos(this.chapter003.video2Md5.v1.md5, 'v1')
+ this.getVideos(this.chapter003.video2Md5.v2.md5, 'v2')
+ this.getVideos(this.chapter003.video2Md5.v3.md5, 'v3')
+ this.getVideos(this.chapter003.video2Md5.v4.md5, 'v4')
+ this.getVideos(this.chapter003.video2Md5.v5.md5, 'v5')
+ this.getVideos(this.chapter003.video2Md5.v6.md5, 'v6')
+
+ setTimeout(() => {
+ this.getVideos(this.chapter003.video2Md5.v7.md5, 'v7')
+ this.getVideos(this.chapter003.video2Md5.v8.md5, 'v8')
+ this.getVideos(this.chapter003.video2Md5.v9.md5, 'v9')
+ this.getVideos(this.chapter003.video2Md5.v10.md5, 'v10')
+ this.getVideos(this.chapter003.video2Md5.v11.md5, 'v11')
+ this.getVideos(this.chapter003.video2Md5.v12.md5, 'v12')
+ this.getVideos(this.chapter003.video2Md5.v13.md5, 'v13')
+ this.getVideos(this.chapter003.video2Md5.v14.md5, 'v14')
+ this.getVideos(this.chapter003.video2Md5.v15.md5, 'v15')
+ this.getVideos(this.chapter003.video2Md5.v16.md5, 'v16')
+ this.getVideos(this.chapter003.video2Md5.v17.md5, 'v17')
+ this.getVideos(this.chapter003.video2Md5.v18.md5, 'v18')
+ }, 1000)
+
+ setTimeout(() => {
+ this.getVideos(this.chapter003.video2Md5.v19.md5, 'v19')
+ this.getVideos(this.chapter003.video2Md5.v20.md5, 'v20')
+ this.getVideos(this.chapter003.video2Md5.v21.md5, 'v21')
+ this.getVideos(this.chapter003.video2Md5.v22.md5, 'v22')
+ this.getVideos(this.chapter003.video2Md5.v23.md5, 'v23')
+ this.getVideos(this.chapter003.video2Md5.v24.md5, 'v24')
+ this.getVideos(this.chapter003.video2Md5.v25.md5, 'v25')
+ this.getVideos(this.chapter003.video2Md5.v26.md5, 'v26')
+ this.getVideos(this.chapter003.video2Md5.v27.md5, 'v27')
+ this.getVideos(this.chapter003.video2Md5.v28.md5, 'v28')
+ this.getVideos(this.chapter003.video2Md5.v29.md5, 'v29')
+
+ }, 3000)
+
+
+
+
+
+ }
+
+
+
+
+
+
+ setTimeout(() => {
+ this.chapter003.isShowXyx12 = true
+ }, 1000)
+
+
+
+
setTimeout(() => {
this.chapter003.isShowXyx13 = true
- }, 1000)
+ }, 3000)
setTimeout(() => {
this.chapter003.isShowXyx14 = true
- }, 3000)
+ }, 5000)
},
activityXyx3() {
this.chapter003.isShowXyx03 = !this.chapter003.isShowXyx03
@@ -8449,7 +8474,39 @@
},
activityXyx12() {
this.isShowXyx12 = !this.isShowXyx12
- this.chapter003.isShowXyx15 = !this.chapter003.isShowXyx15
+
+ if (!this.isSearch && !this.chapter003.isShowXyx15) {
+ this.getVideo(this.chapter003.videoMd5.v21.md5, 'v21')
+ this.getVideo(this.chapter003.videoMd5.v22.md5, 'v22')
+ this.getVideo(this.chapter003.videoMd5.v23.md5, 'v23')
+ this.getVideo(this.chapter003.videoMd5.v24.md5, 'v24')
+ this.getVideo(this.chapter003.videoMd5.v25.md5, 'v25')
+ this.getVideo(this.chapter003.videoMd5.v26.md5, 'v26')
+ this.getVideo(this.chapter003.videoMd5.v27.md5, 'v27')
+ this.getVideo(this.chapter003.videoMd5.v28.md5, 'v28')
+ this.getVideo(this.chapter003.videoMd5.v29.md5, 'v29')
+ this.getVideo(this.chapter003.videoMd5.v30.md5, 'v30')
+ this.getVideo(this.chapter003.videoMd5.v31.md5, 'v31')
+ this.getVideo(this.chapter003.videoMd5.v32.md5, 'v32')
+ this.getVideo(this.chapter003.videoMd5.v33.md5, 'v33')
+ this.getVideo(this.chapter003.videoMd5.v34.md5, 'v34')
+ this.getVideo(this.chapter003.videoMd5.v35.md5, 'v35')
+ this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
+ this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')
+ }
+
+
+ this.chapter003.isShowXyx15 = true
+
+ setTimeout(() => {
+ this.chapter003.isShowXyx16 = true
+ }, 2000)
+ setTimeout(() => {
+ this.chapter003.isShowXyx17 = true
+ }, 3000)
+ setTimeout(() => {
+ this.chapter003.isShowXyx18 = true
+ }, 5000)
},
submit(val) {
if (val == 1) this.isShowScore1 = true
@@ -8565,5 +8622,68 @@
</script>
<style lang="less" scoped>
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+}
+.custom-dialog {
+ overflow: hidden !important;
+
+ /deep/ .el-dialog__body {
+ padding: 0;
+ }
+
+ /deep/ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ /deep/.el-dialog__title,
+ /deep/ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+}
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ /deep/ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ /deep/ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
</style>
--
Gitblit v1.9.1