From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 07 八月 2024 16:06:22 +0800 Subject: [PATCH] 体育与健康完成 --- src/components/pdfview/index.vue | 37 ++++++++++++++++++++++++++++++++++++- 1 files changed, 36 insertions(+), 1 deletions(-) diff --git a/src/components/pdfview/index.vue b/src/components/pdfview/index.vue index ff893e8..17669cd 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,38 @@ }; </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