From 450e4d8252f1042e8269db9ab3412d5df19bab35 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 03 七月 2024 14:04:26 +0800 Subject: [PATCH] feat:图片查看 --- src/views/folder/index.vue | 12 ++++++++++++ components.d.ts | 2 ++ 2 files changed, 14 insertions(+), 0 deletions(-) diff --git a/components.d.ts b/components.d.ts index bc00ff8..9de0d54 100644 --- a/components.d.ts +++ b/components.d.ts @@ -18,6 +18,7 @@ ElForm: typeof import('element-plus/es')['ElForm'] ElFormItem: typeof import('element-plus/es')['ElFormItem'] ElIcon: typeof import('element-plus/es')['ElIcon'] + ElImageViewer: typeof import('element-plus/es')['ElImageViewer'] ElInput: typeof import('element-plus/es')['ElInput'] ElPagination: typeof import('element-plus/es')['ElPagination'] ElProgress: typeof import('element-plus/es')['ElProgress'] @@ -34,6 +35,7 @@ ExamInfoDialog: typeof import('./src/components/ExamInfoDialog/index.vue')['default'] Header: typeof import('./src/components/Header/index.vue')['default'] HelloWorld: typeof import('./src/components/HelloWorld.vue')['default'] + ImageViewer: typeof import('./src/components/ImageViewer/index.vue')['default'] NormalHeader: typeof import('./src/components/NormalHeader/index.vue')['default'] PDFViewer: typeof import('./src/components/PDFViewer/index.vue')['default'] PDFVIewer: typeof import('./src/components/PDFVIewer/index.vue')['default'] diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue index e28bb3d..49f543c 100644 --- a/src/views/folder/index.vue +++ b/src/views/folder/index.vue @@ -50,6 +50,7 @@ </div> </div> + <!-- pdf鏌ョ湅 --> <div class="pdf-container" v-show="pdfViewer"> <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer> <div class="close-btn"> @@ -62,6 +63,14 @@ </el-button> </div> </div> + + <!-- image鏌ョ湅 --> + <div class="image-container" v-show="imageViewer"> + <el-image-viewer :url-list="imageList" @close="closeViewer"></el-image-viewer> + </div> + + <!-- 瑙嗛鏌ョ湅 --> + </div> </template> @@ -79,6 +88,7 @@ iconPath: '/static/icons/file_type_image.png', handle: (item) => { console.log(item); + imageViewer.value = true; } }, 'video': { @@ -103,6 +113,8 @@ const imageViewer = ref(false); const videoViewer = ref(false); +const imageList = ref([]); + const fileList = ref([ { id: 1, -- Gitblit v1.8.0