From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 07 八月 2024 16:06:22 +0800 Subject: [PATCH] 体育与健康完成 --- src/books/sportsAndHealth/view/components/chapter004.vue | 131 ++++++++++++++++++++++++++++++++++++------- 1 files changed, 110 insertions(+), 21 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter004.vue b/src/books/sportsAndHealth/view/components/chapter004.vue index 24c0444..8ce1732 100644 --- a/src/books/sportsAndHealth/view/components/chapter004.vue +++ b/src/books/sportsAndHealth/view/components/chapter004.vue @@ -749,7 +749,7 @@ </div> </div> <br /> - <p class="public-tips">椤圭洰浜� 路 瑙嗛搴撻泦</p> + <p class="public-tips">椤圭洰涓� 路 瑙嗛搴撻泦</p> <div class="parentVideo" v-if="chapter004.isShowXyx06"> <div class="videoItem" v-if="chapter004.videoShow1"> <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" @@ -917,7 +917,7 @@ <span class="sub">绗洓鍗曞厓</span> <span class="sub-title">鐢板緞绫昏繍鍔�</span> <div class="line-page"></div> - <span class="sub-page">125</span> + <span class="sub-page">133</span> </div> <div class="bodystyle"> <h3 class="lefth3" id="c019"><img class="img-gh1" alt="" src="../../image/dy4-xm2.jpg" /></h3> @@ -1944,8 +1944,39 @@ <p>锛�1锛夊姩浣滆棰�</p> <p>鎸侀ゼ鎵嬭嚜鐒跺垎寮�锛屾媷鎸囧拰鎵嬫帉骞抽潬閾侀ゼ锛屽叾浣欏洓鎸囨湯鑺傛墸浣忛搧楗肩殑杈圭紭锛屾墜鑵曞井灞堬紝閾侀ゼ涓婄紭寰井闈犱簬鍓嶈噦銆傛彙濂介搧楗煎悗锛屾寔楗艰噦鑷劧鏀炬澗涓嬪瀭浜庝綋渚с�傞鎽嗘椂锛屽乏鎵嬫墭楗间簬鑳稿墠锛屽彸鎵嬭嚜鐒舵彙楗硷紝鐒跺悗鎵╄兏锛屾寔楗艰噦绋嶅仛澶栨棆鍚戝悗鎷夐ゼ鑷虫瀬闄愪綅锛岀◢鍋氬仠椤胯繕鍘熻嚦鑳稿墠锛屽弻鎵嬩笂涓嬪浐瀹氶ゼ銆傚彲鐢ㄩ鎸囨垨涓寚鎷ㄩゼ锛屾憜楗艰繃绋嬩腑淇濇寔鑲╅儴鏀炬澗銆� </p> - <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0160-1.jpg" /></p> - <p class="img">鍥�4-3-7 婊氶ゼ銆佹憜楗笺�佹嫧楗�</p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-1.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-3.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�4-3-7 婊氶ゼ銆佹憜楗笺�佹嫧楗� + </p> + + + <p>锛�2锛夊缁冨缓璁�</p> <p>鈶犺繘琛屽師鍦板悜鍓嶆粴楗肩粌涔犮��</p> <p>鈶¤繘琛屽師鍦板乏鎵嬭緟鍔╂憜楗肩粌涔犮��</p> @@ -1965,8 +1996,39 @@ <p>鈶犺繘琛屽師鍦板緬鎵嬫ā浠跨粌涔犮��</p> <p>鈶¤繘琛屽師鍦版幏閾侀ゼ缁冧範銆�</p> <p>鈶㈡嫇灞曠粌涔狅細鍙噰鐢ㄥ脊鍔涘甫杩涜鏈�鍚庣敤鍔涙ā浠跨粌涔犮��</p> - <p class="center openImgBox"><img class="img-c" alt="" src="../../image/0160-2.jpg" /></p> - <p class="img">鍥�4-3-8 鍘熷湴鎺烽搧楗�</p> + + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-4.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-5.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit4/p147/147-6.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥�4-3-8 鍘熷湴鎺烽搧楗� + </p> + </div> </div> @@ -2256,9 +2318,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> + + + + + </div> </template> <script> + +import preView from "@/components/pdfview/index.vue" import { getResourcePath } from "@/assets/methods/resources"; export default { name: "chapter-04", @@ -2274,15 +2355,22 @@ default: false, }, }, + + components: { + preView + }, data() { return { + pdfTitle: "", + p_md5: "", + dialogVisible: false, chapter004: { isShowXyx01: true, isShowXyx02: true, isShowXyx03: true, isShowXyx04: true, isShowXyx05: true, - isShowXyx06: true, + isShowXyx06: false, pdfMd5: { 1: { md5: "1002797e6b9ae3875c8f3d7f0c701199", @@ -2420,7 +2508,7 @@ }, videoMd5: { v1: { md5: "352cbc1c89971fc452c8688ca5f8a992", name: "1-鐭窇-韫茶笧寮忚捣璺戝畬鏁存妧鏈棰�" }, - v2: { md5: "4803428f02b601330f7d5624716b980d", name: "2-鐭窇-韫茶笧寮忚捣璺�-璧疯窇鍣ㄧ殑瀹夎鍜屼娇鐢�" }, + v2: { md5: "2bdc5da55b1f854ae8dc695c23868d8c", name: "2-鐭窇-韫茶笧寮忚捣璺�-璧疯窇鍣ㄧ殑瀹夎鍜屼娇鐢�" }, v3: { md5: "80dd35f3ac8abe6202499a5afdef4c56", name: "3-鐭窇-缁虫缁冧範锛堜竴姝ヤ竴鏍硷級" }, v4: { md5: "aa55472c60816861182ff2e24effa190", name: "4-鐭窇-缁虫缁冧範锛堜袱姝ヤ竴鏍硷級" }, v5: { md5: "4a6797de203620b64fe35ca710bc0241", name: "5-鐭窇-缁虫缁冧範锛堜晶鍚戠Щ鍔級" }, @@ -2439,7 +2527,7 @@ v17: { md5: "2b9be294800d9259f6ddf48a213001e9", name: "17-鐭窇-浣撹兘缁冧範-寮瑰姏甯﹀揩閫熷眻鑶濇憜鑵跨粌涔�" }, v18: { md5: "2a3addfe72d76373097b505fa10dc62b", name: "18-鐭窇-浣撹兘缁冧範-琛岃繘闂村崟鑵垮眻鑶濇憜鍔ㄤ笅鍘嬬粌涔�" }, v19: { md5: "1869c7f1478ced073d142ea3786fbb47", name: "19-鐭窇-浣撹兘缁冧範-鍘熷湴鍗曡吙灞堣啙鎽嗗姩涓嬪帇缁冧範" }, - v20: { md5: "21e6b065503f8d06194d39d53710bf65", name: "20-鐭窇-浣撹兘缁冧範-琛岃繘闂翠袱鑵夸氦鏇挎憜鍔ㄤ笅鍘嬬粌涔�" }, + v20: { md5: "8048647da4b83d2a686fd5735dc3001e", name: "20-鐭窇-浣撹兘缁冧範-琛岃繘闂翠袱鑵夸氦鏇挎憜鍔ㄤ笅鍘嬬粌涔�" }, v21: { md5: "b8184f0c2208f374ca1f1399eea099ca", name: "21-鐭窇-浣撹兘缁冧範-寮瑰姏甯﹁宫鎽嗙粌涔�" }, v22: { md5: "8cb9a034cec1cc2be74ed1bddc6b18b1", name: "22-涓暱璺�-绔欑珛寮忚捣璺�" }, @@ -2499,6 +2587,9 @@ } }, methods: { + + + readText(val) { const textContent = ( this.container ? this.container : document @@ -2563,22 +2654,20 @@ activityXyx11() { this.chapter004.isShowXyx11 = !this.chapter004.isShowXyx11; }, - // PDf md5 鏌ョ湅 + + closeDialog() { + this.dialogVisible = false; + }, toUrl(val) { if (val) { - const obj = { - type: "pdf", - data: { - md5: this.chapter004.pdfMd5[val].md5, - title: this.chapter004.pdfMd5[val].name, - }, - }; - this.$emit("openPDFChange", obj); - // this.dialogVisible = true; - // this.p_md5 = this.chapter004.pdfMd5[val].md5; - // this.pdfTitle = this.chapter004.pdfMd5[val].name; + + + this.dialogVisible = true; + this.p_md5 = this.chapter004.pdfMd5[val].md5; + this.pdfTitle = this.chapter004.pdfMd5[val].name; } }, + }, }; </script> -- Gitblit v1.9.1