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/chapter004.vue | 157 +++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 119 insertions(+), 38 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter004.vue b/src/books/sportsAndHealth/view/components/chapter004.vue index 8ce1732..a7485c6 100644 --- a/src/books/sportsAndHealth/view/components/chapter004.vue +++ b/src/books/sportsAndHealth/view/components/chapter004.vue @@ -1944,7 +1944,7 @@ <p>锛�1锛夊姩浣滆棰�</p> <p>鎸侀ゼ鎵嬭嚜鐒跺垎寮�锛屾媷鎸囧拰鎵嬫帉骞抽潬閾侀ゼ锛屽叾浣欏洓鎸囨湯鑺傛墸浣忛搧楗肩殑杈圭紭锛屾墜鑵曞井灞堬紝閾侀ゼ涓婄紭寰井闈犱簬鍓嶈噦銆傛彙濂介搧楗煎悗锛屾寔楗艰噦鑷劧鏀炬澗涓嬪瀭浜庝綋渚с�傞鎽嗘椂锛屽乏鎵嬫墭楗间簬鑳稿墠锛屽彸鎵嬭嚜鐒舵彙楗硷紝鐒跺悗鎵╄兏锛屾寔楗艰噦绋嶅仛澶栨棆鍚戝悗鎷夐ゼ鑷虫瀬闄愪綅锛岀◢鍋氬仠椤胯繕鍘熻嚦鑳稿墠锛屽弻鎵嬩笂涓嬪浐瀹氶ゼ銆傚彲鐢ㄩ鎸囨垨涓寚鎷ㄩゼ锛屾憜楗艰繃绋嬩腑淇濇寔鑲╅儴鏀炬澗銆� </p> - + <div class="imgBox-003 openImgBox"> @@ -2549,42 +2549,7 @@ if (localData) { this.chapter004 = { ...Object.assign(this.chapter004, localData) }; } - if (!this.isSearch) { - this.getVideo(this.chapter004.videoMd5.v1.md5, "v1"); - this.getVideo(this.chapter004.videoMd5.v2.md5, "v2"); - this.getVideo(this.chapter004.videoMd5.v3.md5, "v3"); - this.getVideo(this.chapter004.videoMd5.v4.md5, "v4"); - this.getVideo(this.chapter004.videoMd5.v5.md5, "v5"); - this.getVideo(this.chapter004.videoMd5.v6.md5, "v6"); - setTimeout(() => { - this.getVideo(this.chapter004.videoMd5.v7.md5, "v7"); - this.getVideo(this.chapter004.videoMd5.v8.md5, "v8"); - this.getVideo(this.chapter004.videoMd5.v9.md5, "v9"); - this.getVideo(this.chapter004.videoMd5.v10.md5, "v10"); - this.getVideo(this.chapter004.videoMd5.v11.md5, "v11"); - this.getVideo(this.chapter004.videoMd5.v12.md5, "v12"); - }, 1000); - - setTimeout(() => { - this.getVideo(this.chapter004.videoMd5.v13.md5, "v13"); - this.getVideo(this.chapter004.videoMd5.v14.md5, "v14"); - this.getVideo(this.chapter004.videoMd5.v15.md5, "v15"); - this.getVideo(this.chapter004.videoMd5.v16.md5, "v16"); - this.getVideo(this.chapter004.videoMd5.v17.md5, "v17"); - this.getVideo(this.chapter004.videoMd5.v18.md5, "v18"); - }, 3000); - - setTimeout(() => { - this.getVideo(this.chapter004.videoMd5.v19.md5, "v19"); - this.getVideo(this.chapter004.videoMd5.v20.md5, "v20"); - this.getVideo(this.chapter004.videoMd5.v21.md5, "v21"); - this.getVideo(this.chapter004.videoMd5.v22.md5, "v22"); - this.getVideo(this.chapter004.videoMd5.v23.md5, "v23"); - this.getVideo(this.chapter004.videoMd5.v24.md5, "v24"); - this.getVideo(this.chapter004.videoMd5.v25.md5, "v25"); - }, 5000); - } }, methods: { @@ -2622,6 +2587,53 @@ }, activityXyx6() { this.chapter004.isShowXyx06 = !this.chapter004.isShowXyx06; + + + + + + if (!this.isSearch && !this.chapter004.videoShow1) { + this.getVideo(this.chapter004.videoMd5.v1.md5, "v1"); + this.getVideo(this.chapter004.videoMd5.v2.md5, "v2"); + this.getVideo(this.chapter004.videoMd5.v3.md5, "v3"); + this.getVideo(this.chapter004.videoMd5.v4.md5, "v4"); + this.getVideo(this.chapter004.videoMd5.v5.md5, "v5"); + this.getVideo(this.chapter004.videoMd5.v6.md5, "v6"); + + setTimeout(() => { + this.getVideo(this.chapter004.videoMd5.v7.md5, "v7"); + this.getVideo(this.chapter004.videoMd5.v8.md5, "v8"); + this.getVideo(this.chapter004.videoMd5.v9.md5, "v9"); + this.getVideo(this.chapter004.videoMd5.v10.md5, "v10"); + this.getVideo(this.chapter004.videoMd5.v11.md5, "v11"); + this.getVideo(this.chapter004.videoMd5.v12.md5, "v12"); + }, 1000); + + setTimeout(() => { + this.getVideo(this.chapter004.videoMd5.v13.md5, "v13"); + this.getVideo(this.chapter004.videoMd5.v14.md5, "v14"); + this.getVideo(this.chapter004.videoMd5.v15.md5, "v15"); + this.getVideo(this.chapter004.videoMd5.v16.md5, "v16"); + this.getVideo(this.chapter004.videoMd5.v17.md5, "v17"); + this.getVideo(this.chapter004.videoMd5.v18.md5, "v18"); + }, 3000); + + setTimeout(() => { + this.getVideo(this.chapter004.videoMd5.v19.md5, "v19"); + this.getVideo(this.chapter004.videoMd5.v20.md5, "v20"); + this.getVideo(this.chapter004.videoMd5.v21.md5, "v21"); + this.getVideo(this.chapter004.videoMd5.v22.md5, "v22"); + this.getVideo(this.chapter004.videoMd5.v23.md5, "v23"); + this.getVideo(this.chapter004.videoMd5.v24.md5, "v24"); + this.getVideo(this.chapter004.videoMd5.v25.md5, "v25"); + }, 5000); + } + + + + + + this.chapter004.videoShow1 = true; setTimeout(() => { this.chapter004.videoShow2 = true; @@ -2660,18 +2672,87 @@ }, toUrl(val) { if (val) { - - this.dialogVisible = true; this.p_md5 = this.chapter004.pdfMd5[val].md5; this.pdfTitle = this.chapter004.pdfMd5[val].name; } }, + + + + + + }, }; </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; + } + } +} + .img { font-family: "FZLTXIHJW"; text-align: center; -- Gitblit v1.9.1