From 577cf5ef9ab2fb2d3233cdb5c52919b8a274be03 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 16 八月 2024 11:20:23 +0800
Subject: [PATCH] 合并
---
src/books/sportsAndHealth/view/components/chapter003.vue | 291 +++++++++++++++++++++++++--------------------------------
1 files changed, 128 insertions(+), 163 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue
index 3b0e8c1..6b53d20 100644
--- a/src/books/sportsAndHealth/view/components/chapter003.vue
+++ b/src/books/sportsAndHealth/view/components/chapter003.vue
@@ -1391,6 +1391,7 @@
x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
:src="chapter003.videoUrl.v2"></video>
<span>{{ chapter003.videoMd5.v2.name }}</span>
+
</div>
<div class="videoItem" v-if="chapter003.videoShow1">
<video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
@@ -7437,79 +7438,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>
@@ -7520,16 +7521,28 @@
</div>
</div>
</div>
- <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
- class="custom-dialog">
- <div slot="title" class="header_title">
- <span>{{ pdfTitle }}</span>
- <span @click="closeDialog"> x </span>
- </div>
- <div class="pdfModal" v-if="dialogVisible">
- <preView :isClear="dialogVisible" :md5="p_md5"></preView>
- </div>
- </el-dialog>
+
+
+
+
+ <el-dialog
+ :visible.sync="dialogVisible"
+ width="60vw"
+ top="2vh"
+ append-to-body
+ lock-scroll
+ :show-close="false"
+ class="custom-dialog"
+ >
+ <div slot="title" class="header_title">
+ <span>{{ pdfTitle }}</span>
+ <span @click="closeDialog"> x </span>
+ </div>
+ <div class="pdfModal" v-if="dialogVisible">
+ <preView :isClear="dialogVisible" :md5="p_md5"></preView>
+ </div>
+ </el-dialog>
+
</div>
</template>
<script>
@@ -7583,6 +7596,9 @@
isShowXyx13: false,
isShowXyx14: false,
isShowXyx15: false,
+ isShowXyx16: false,
+ isShowXyx17: false,
+ isShowXyx18: false,
score1: 0,
score2: 0,
score3: 0,
@@ -8266,14 +8282,6 @@
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')
this.getVideo(this.chapter003.videoMd5.v10.md5, 'v10')
@@ -8283,71 +8291,10 @@
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 +8315,7 @@
},
activityXyx1() {
this.isShowXyx01 = !this.isShowXyx01
- this.videoShow3 = !this.videoShow3
+ this.videoShow3 = true
},
async getVideo(md5, val) {
const data = await getResourcePath(md5)
@@ -8403,6 +8350,17 @@
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 +8368,56 @@
},
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.isShowXyx13 = true
+ this.chapter003.isShowXyx12 = true
}, 1000)
setTimeout(() => {
- this.chapter003.isShowXyx14 = true
+ this.chapter003.isShowXyx13 = true
}, 3000)
+
+ setTimeout(() => {
+ this.chapter003.isShowXyx14 = true
+ }, 5000)
},
activityXyx3() {
this.chapter003.isShowXyx03 = !this.chapter003.isShowXyx03
@@ -8449,7 +8449,38 @@
},
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
@@ -8564,69 +8595,3 @@
}
</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