From 8f526fbf0d8fe16d1b396f3fce710b9e7f64e353 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 15 八月 2024 14:27:33 +0800
Subject: [PATCH] 体育与健康pdf修改3
---
src/books/sportsAndHealth/view/components/chapter007.vue | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 103 insertions(+), 12 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/chapter007.vue b/src/books/sportsAndHealth/view/components/chapter007.vue
index b542d1a..c1afe5d 100644
--- a/src/books/sportsAndHealth/view/components/chapter007.vue
+++ b/src/books/sportsAndHealth/view/components/chapter007.vue
@@ -1149,6 +1149,9 @@
<div class="subsectionContent">
锛�2锛夊缁冨缓璁�
<div class="subsectionContent">
+ 鈶犻檰涓婃ā浠跨粌涔犮��
+ </div>
+ <div class="subsectionContent">
鍗曡噦鍒掓墜涓庡懠鍚哥殑閰嶅悎缁冧範锛氬憟寮撴绔欑珛浜庢睜杈癸紝涓�鍙墜鎾戜綇鑶濆叧鑺傦紝鍙︿竴鍙墜鍒掕噦鍚�
鏃堕厤鍚堝懠鍚搞�傛缁冧範鐨勭洰鐨勫湪浜庢帉鎻″垝鑷備笌鍛煎惛鐨勯厤鍚堢粏鑺傚姩浣溿��
</div>
@@ -1680,6 +1683,7 @@
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
<img src="../../images/Unit7/p231/231-1.jpg" />
+
</div>
</div>
<div class="swiper-slide">
@@ -1690,6 +1694,7 @@
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
<img src="../../images/Unit7/p231/231-3.jpg" />
+
</div>
</div>
</div>
@@ -1697,7 +1702,9 @@
<div class="swiper-button-prev"></div>
</div>
</div>
-
+ <p class="img" style="color: #ac92c4; font-size: 14px">
+ 鍥� 7-2-2鈥� 鍙嶈洐娉�
+ </p>
<p>
鈶�
鍙嶈洐娉宠吙閮ㄧ殑鎶�鏈被浼艰洐娉炽�傛敹鑵跨粨鏉熸椂锛屼袱鑶濈害瀹戒簬鑲╋紝澶ц吙鍜屽皬鑵垮唴渚у悜鍚庡
@@ -1757,7 +1764,9 @@
<div class="swiper-button-prev"></div>
</div>
</div>
-
+ <p class="img" style="color: #ac92c4; font-size: 14px">
+ 鍥� 7-2-3鈥� 韪╂按
+ </p>
<p>
涓よ吙鍚屾椂韫す姘存妧鏈細涓庤洐娉宠吙閮ㄥ姩浣滅浉浼硷紝澶ц吙鐨勫姩
浣滃箙搴﹀皬銆傚綋涓よ吙杩樻湭瀹屽叏韫洿鏃舵敹鑵匡紝鍔ㄤ綔瑕佽繛璐��
@@ -2396,10 +2405,25 @@
</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'
import { getResourcePath } from '@/assets/methods/resources'
export default {
name: 'chapter007-page',
@@ -2415,9 +2439,14 @@
default: false,
},
},
- components: {},
+ components: {
+ preView,
+ },
data() {
return {
+ pdfTitle: '',
+ p_md5: '',
+ dialogVisible: false,
isShowXyx01: false,
isShowXyx02: false,
isShowXyx03: false,
@@ -2547,16 +2576,14 @@
this.chapter007.videoUrl[val] = data
},
+ closeDialog() {
+ this.dialogVisible = false
+ },
toUrl(val) {
if (val) {
- const obj = {
- type: 'pdf',
- data: {
- md5: this.chapter007.pdfMd5[val].md5,
- title: this.chapter007.pdfMd5[val].name,
- },
- }
- this.$emit('openPDFChange', obj)
+ this.dialogVisible = true;
+ this.p_md5 = this.chapter007.pdfMd5[val].md5;
+ this.pdfTitle = this.chapter007.pdfMd5[val].name;
}
},
@@ -2611,4 +2638,68 @@
}
</script>
-<style lang="less" scoped></style>
+<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