From 1e5f5724f9f2c1c34efec7edb3f33bcfb98d66ba Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 23 七月 2024 14:21:30 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/sportsAndHealth/view/components/testPp.vue | 84 +++++++++++++++++++++++++++++++++++++++--
1 files changed, 79 insertions(+), 5 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/testPp.vue b/src/books/sportsAndHealth/view/components/testPp.vue
index d95e2f5..4c8e59f 100644
--- a/src/books/sportsAndHealth/view/components/testPp.vue
+++ b/src/books/sportsAndHealth/view/components/testPp.vue
@@ -1456,12 +1456,11 @@
</div>
</div>
</div>
- <div>
+ <div >
<el-dialog
:visible.sync="dialogVisible"
width="60vw"
top="2vh"
- append-to-body
lock-scroll
:show-close="false"
class="custom-dialog"
@@ -1693,9 +1692,18 @@
},
toUrl(val) {
if (val) {
- this.dialogVisible = true;
- this.p_md5 = this.chapter002.pdfMd5[val].md5;
- this.pdfTitle = this.chapter002.pdfMd5[val].name;
+ const obj = {
+ type: "pdf",
+ data: {
+ md5: this.chapter002.pdfMd5[val].md5,
+ title: this.chapter002.pdfMd5[val].name,
+ },
+ };
+ this.$emit("openPDFChange", obj);
+
+ // this.dialogVisible = true;
+ // this.p_md5 = this.chapter002.pdfMd5[val].md5;
+ // this.pdfTitle = this.chapter002.pdfMd5[val].name;
}
},
async getVideo(md5, val) {
@@ -1730,3 +1738,69 @@
},
};
</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