From ef510e10314f6d562c89b60a75c0862de4cf2d58 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 25 十月 2024 15:53:46 +0800
Subject: [PATCH] bug修改
---
src/books/sportsAndHealth/view/components/chapter003.vue | 272 +++++++++++++++++++++---------------------------------
1 files changed, 107 insertions(+), 165 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue
index 0757e0e..a455248 100644
--- a/src/books/sportsAndHealth/view/components/chapter003.vue
+++ b/src/books/sportsAndHealth/view/components/chapter003.vue
@@ -1112,38 +1112,30 @@
</div>
</div>
</div>
-
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
-
<p>1.鎶㈣繘鏀荤鏉跨悆搴旀湁鈥滃啿鎶⑩�濇剰璇嗭紱鎶㈤槻瀹堢鏉跨悆搴旀湁鈥滄尅鎶⑩�濇剰璇嗐��</p>
<p>2.鍠勪簬瑙傚療鎶曠鏈腑鏃剁悆鍙嶅脊鐨勬柟鍚戝強钀界偣锛屽強鏃舵姠鍗犳湁鍒╀綅缃��</p>
</div>
-
<p class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</p>
<p class="zt-cs">澶瑰嚮閰嶅悎</p>
-
<p>
锛�1锛夋垬鏈柟娉�
涓や釜闃插畧鑰呴噰鍙栫獊鐒剁殑琛屽姩锛屽皝鍫靛拰鍥村畧杈硅杩愮悆鑰呮垨鍦ㄨ竟瑙掑仠鐞冭�呫��
</p>
-
<span>
锛�2锛夊缁冨缓璁�
-
<p>
鈶犲崐鍦轰笁鏀讳笁闃诧紝瀵硅繘鏀绘柟鎸佺悆绐佺牬鐨勯槦鍛橈紝鐩搁偦闃插畧闃熷憳鍗忓悓杩涜澶瑰嚮锛屽彟涓�浜虹Щ鍔ㄨˉ闃层��
</p>
<p>鈶″垎鎴愪袱缁勶紝鍋氬叏鍦鸿繋鍫靛す鍑荤粌涔犮��</p>
</span>
-
<div class="center openImgBox">
<img class="img-c" alt="" src="../../image/0086-1.jpg" />
<p class="img" style="color: #ac92c4; font-size: 14px">
鍥�3-1-13 澶瑰嚮閰嶅悎
</p>
</div>
-
<div class="pdf-text">
<div class="pdf-con pdf-con-15">
<div class="pdf-view">
@@ -1316,7 +1308,6 @@
</div>
</div>
</div>
-
<div class="pdf-text">
<div class="pdf-con pdf-con-15">
<div class="pdf-view">
@@ -1332,11 +1323,9 @@
</div>
</div>
</div>
-
<h4 class="h4-dy3" id="d066">
<span class="h4-dy3s">浜�</span>鈥� 璁粌涓撻」浣撹兘
</h4>
-
<p>
鎯宠鏇村ソ鍦板彂鎸ヨ嚜宸辩殑姘村钩锛岀涓嶅紑涓撻」浣撹兘鐨勬敮鎾戙�傚悓瀛︿滑闇�瑕佷笉鏂湴璁粌骞舵彁鍗囪嚜宸辩殑涓撻」浣撹兘锛屼负浠婂悗鏇村ソ鍦板弬涓庣鐞冭繍鍔紝涔冭嚦鍦ㄨ亴鍦轰腑灞曠幇鍑烘洿濂界殑韬綋绱犺川鎵撶墷鍩虹銆�
</p>
@@ -5350,6 +5339,7 @@
</span>
<span @click="toUrl(1)">涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�.pdf</span>
</div>
+
<div class="pdf-view">
<span>
<svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -7437,79 +7427,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,6 +7510,7 @@
</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">
@@ -7583,6 +7574,9 @@
isShowXyx13: false,
isShowXyx14: false,
isShowXyx15: false,
+ isShowXyx16: false,
+ isShowXyx17: false,
+ isShowXyx18: false,
score1: 0,
score2: 0,
score3: 0,
@@ -8266,14 +8260,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 +8269,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 +8293,7 @@
},
activityXyx1() {
this.isShowXyx01 = !this.isShowXyx01
- this.videoShow3 = !this.videoShow3
+ this.videoShow3 = true
},
async getVideo(md5, val) {
const data = await getResourcePath(md5)
@@ -8403,6 +8328,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 +8346,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 +8427,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
@@ -8563,70 +8572,3 @@
},
}
</script>
-
-<style lang="less">
-.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