From 9bf6cb8f4e3fcca03d011371678806dd2904b910 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 25 六月 2024 15:34:00 +0800
Subject: [PATCH] 体育与健康pdf预览功能迁移
---
src/components/pdfview/index.vue | 35 ++++++++++++++++++++++++++++++++++-
1 files changed, 34 insertions(+), 1 deletions(-)
diff --git a/src/components/pdfview/index.vue b/src/components/pdfview/index.vue
index ff893e8..b69c934 100644
--- a/src/components/pdfview/index.vue
+++ b/src/components/pdfview/index.vue
@@ -78,7 +78,9 @@
window.open(await getResourcePath(this.preViewMd5));
},
domViewer() {
- let ele = document.getElementById("imageParent");
+ let ele = (this.container ? this.container : document).getElementById(
+ "imageParent"
+ );
this.viewerCon = new Viewer(ele, {
inline: false,
container: this.container
@@ -153,5 +155,36 @@
};
</script>
<style scoped lang="less">
+.preview {
+ width: 100%;
+ height: 100%;
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+}
</style>
--
Gitblit v1.9.1