From 7c75b7a2e3e9553f0430d377b53cc1131dcba7d7 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 16 八月 2024 11:19:08 +0800 Subject: [PATCH] 体育与健康pdf修改6 --- src/books/sportsAndHealth/view/components/chapter003.vue | 118 ++++++----------------------------------------------------- 1 files changed, 12 insertions(+), 106 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue index ac5b2b7..59f9985 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" @@ -5350,6 +5351,9 @@ </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" @@ -5361,6 +5365,9 @@ </span> <span @click="toUrl(2)">涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�.pdf</span> </div> + + + </div> <p> 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨�� @@ -7520,6 +7527,10 @@ </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"> @@ -7530,6 +7541,7 @@ <preView :isClear="dialogVisible" :md5="p_md5"></preView> </div> </el-dialog> + </div> </template> <script> @@ -7582,15 +7594,10 @@ isShowXyx12: false, isShowXyx13: false, isShowXyx14: false, - - - isShowXyx15: false, isShowXyx16: false, isShowXyx17: false, isShowXyx18: false, - - score1: 0, score2: 0, score3: 0, @@ -8273,10 +8280,7 @@ }, created() { - if (!this.isSearch) { - - this.getVideo(this.chapter003.videoMd5.v8.md5, 'v8') this.getVideo(this.chapter003.videoMd5.v9.md5, 'v9') this.getVideo(this.chapter003.videoMd5.v10.md5, 'v10') @@ -8290,7 +8294,6 @@ this.getVideo(this.chapter003.videoMd5.v18.md5, 'v18') this.getVideo(this.chapter003.videoMd5.v19.md5, 'v19') this.getVideo(this.chapter003.videoMd5.v20.md5, 'v20') - } const localData = JSON.parse(localStorage.getItem('chapter003')) @@ -8311,13 +8314,7 @@ }, activityXyx1() { this.isShowXyx01 = !this.isShowXyx01 - - - this.videoShow3 = true - - - }, async getVideo(md5, val) { const data = await getResourcePath(md5) @@ -8353,9 +8350,7 @@ 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') @@ -8363,9 +8358,6 @@ 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 @@ -8376,11 +8368,7 @@ activityXyx20() { this.isShowXyx020 = !this.isShowXyx020 - 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') @@ -8415,26 +8403,12 @@ 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 @@ -8494,7 +8468,6 @@ this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36') this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37') } - this.chapter003.isShowXyx15 = true @@ -8620,70 +8593,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