From 9abfc0e09d8e8cfb5e40972c7140c8ab761db868 Mon Sep 17 00:00:00 2001
From: rain <1679827795@qq.com>
Date: Tue, 22 Apr 2025 18:41:08 +0800
Subject: [PATCH] 调整图片大小比例
---
src/views/tickets/ticket.vue | 10 +++++-----
1 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/views/tickets/ticket.vue b/src/views/tickets/ticket.vue
index 9d97baf..d47f2cf 100644
--- a/src/views/tickets/ticket.vue
+++ b/src/views/tickets/ticket.vue
@@ -291,8 +291,8 @@
<div class="media-title">事件图片</div>
<div class="media-content">
<el-image v-if="currentDetail.mediaUrl" :src="getThumbUrl(currentDetail.mediaUrl)"
- :preview-src-list="[currentDetail.mediaUrl]" fit="fill"
- style="width: 100%; height: 300px; cursor: pointer;">
+ :preview-src-list="[currentDetail.mediaUrl]" fit="contain"
+ style="width: 700px; height: 520px; cursor: pointer;">
<template #placeholder>
<div class="image-placeholder">
<i class="el-icon-picture-outline"></i>
@@ -318,7 +318,7 @@
<div class="media-content">
<el-image v-if="currentDetail.updatePhotoUrl" :src="getThumbUrl(currentDetail.updatePhotoUrl)"
:preview-src-list="[currentDetail.updatePhotoUrl]" fit="fill"
- style="width: 100%; height: 300px; cursor: pointer;">
+ style="width: 700px; height: 520px; cursor: pointer;">
<template #placeholder>
<div class="image-placeholder">
<i class="el-icon-picture-outline"></i>
@@ -338,7 +338,7 @@
<template v-else>
<div class="media-title">地图标记事件点</div>
<div class="media-content">
- <div id="map-container" style="width: 100%; height: 300px; background: #f5f5f5;">
+ <div id="map-container" style="width: 700px; height: 520px; background: #f5f5f5;">
<map-container v-if='detailVisible' ref="MapContainer"></map-container>
</div>
</div>
@@ -2468,7 +2468,7 @@
.media-content {
position: relative;
- height: 300px;
+ // height: 300px;
}
.image-placeholder,
--
Gitblit v1.9.3