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 ++++++++++++
1 files changed, 12 insertions(+), 0 deletions(-)
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