| | |
|---|
| | | window.open(await getResourcePath(this.preViewMd5)) |
|---|
| | | }, |
|---|
| | | domViewer() { |
|---|
| | | let ele = (this.container ? this.container : document).getElementById( |
|---|
| | | 'imageParent' |
|---|
| | | ) |
|---|
| | | // let ele = (this.container ? this.container : document).getElementById( |
|---|
| | | // 'imageParent' |
|---|
| | | // ) |
|---|
| | | let ele = document.getElementById('imageParent') |
|---|
| | | this.viewerCon = new Viewer(ele, { |
|---|
| | | inline: false, |
|---|
| | | container: this.container |
|---|
| | |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style scoped lang="less"> |
|---|
| | | // .pdfBox-component { |
|---|
| | | // width: 100%; |
|---|
| | | // height: 100%; |
|---|
| | | // position: relative; |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .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; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // .notBox { |
|---|
| | | // position: absolute; |
|---|
| | | // top: 0; |
|---|
| | | // left: 0; |
|---|
| | | // width: 100%; |
|---|
| | | // height: calc(100% - 30px); |
|---|
| | | // min-height: 300px; |
|---|
| | | // }</style> |
|---|
