From 531dcd6d4c355ace4d09757fc49139402e8ae5c0 Mon Sep 17 00:00:00 2001
From: gongchunyi <deslre0381@gmail.com>
Date: 星期三, 26 八月 2026 14:32:09 +0800
Subject: [PATCH] fix: 预览组件优化
---
src/components/filePreview/index.vue | 14 ++++++++++++--
1 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/src/components/filePreview/index.vue b/src/components/filePreview/index.vue
index d8720c3..cd29fbc 100644
--- a/src/components/filePreview/index.vue
+++ b/src/components/filePreview/index.vue
@@ -1,8 +1,8 @@
<template>
- <el-dialog v-model="dialogVisible" title="棰勮" width="100%" fullscreen align-center :before-close="handleClose" append-to-body>
+ <el-dialog v-model="dialogVisible" title="棰勮" :width="isImage ? '60%' : '100%'" :fullscreen="!isImage" align-center :before-close="handleClose" append-to-body>
<div>
<!-- 鍥剧墖棰勮 -->
- <div v-if="isImage">
+ <div v-if="isImage" class="image-preview-container">
<img :src="imgUrl" alt="Image Preview" />
</div>
@@ -188,8 +188,18 @@
</script>
<style scoped>
+.image-preview-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ max-height: calc(100vh - 200px);
+ width: 100%;
+}
+
img {
max-width: 100%;
+ max-height: calc(100vh - 200px);
+ object-fit: contain;
display: block;
margin: 0 auto;
}
--
Gitblit v1.9.3