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