From 522087e18f8f0b685827c1c5f6c7358ad06b5f0f Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期四, 16 一月 2025 16:27:03 +0800
Subject: [PATCH] update 优化 调整预览组件高度
---
src/components/Process/approvalRecord.vue | 6 +++---
1 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/Process/approvalRecord.vue b/src/components/Process/approvalRecord.vue
index dc91bd7..8d4bcc6 100644
--- a/src/components/Process/approvalRecord.vue
+++ b/src/components/Process/approvalRecord.vue
@@ -1,8 +1,8 @@
<template>
<div class="container">
<el-dialog v-model="visible" draggable title="瀹℃壒璁板綍" :width="props.width" :height="props.height" :close-on-click-modal="false">
- <el-tabs v-model="tabActiveName" class="demo-tabs">
- <el-tab-pane v-loading="loading" label="娴佺▼鍥�" name="image">
+ <el-tabs v-model="tabActiveName" class="demo-tabs" >
+ <el-tab-pane v-loading="loading" label="娴佺▼鍥�" name="image" style="height: 500px">
<div
ref="imageWrapperRef"
class="image-wrapper"
@@ -16,7 +16,6 @@
>
<el-image :src="imgUrl" class="scalable-image" />
</div>
-<!-- <img :src="imgUrl" width="100%" style="margin: 0 auto" />-->
</el-tab-pane>
<el-tab-pane v-loading="loading" label="瀹℃壒淇℃伅" name="info">
<div>
@@ -274,6 +273,7 @@
}
.scalable-image {
+ object-fit: contain;
width: 100%;
}
</style>
--
Gitblit v1.9.3