diff --git a/src/pages/events/list/components/EventDetailModal.module.less b/src/pages/events/list/components/EventDetailModal.module.less
index 7d4652f..c27b15f 100644
--- a/src/pages/events/list/components/EventDetailModal.module.less
+++ b/src/pages/events/list/components/EventDetailModal.module.less
@@ -65,4 +65,30 @@
font-size: 13px;
color: rgba(0, 0, 0, 0.65);
}
+
+ .idImageGrid {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ }
+
+ .idImageCell {
+ width: 128px;
+ height: 82px;
+ border-radius: 4px;
+ overflow: hidden;
+ border: 1px solid #f0f0f0;
+ flex-shrink: 0;
+
+ :global(.ant-image) {
+ width: 100%;
+ height: 100%;
+
+ img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
+ }
}
diff --git a/src/pages/events/list/components/EventDetailModal.tsx b/src/pages/events/list/components/EventDetailModal.tsx
index 12c4f43..224f9cb 100644
--- a/src/pages/events/list/components/EventDetailModal.tsx
+++ b/src/pages/events/list/components/EventDetailModal.tsx
@@ -1,6 +1,5 @@
import { defineComponent, reactive, ref } from 'vue';
-import { Modal, Descriptions, Image, Table, Pagination, Space, Spin } from 'ant-design-vue';
-import { EyeOutlined } from '@ant-design/icons-vue';
+import { Modal, Descriptions, Image, Table, Pagination, Spin } from 'ant-design-vue';
import { message } from 'ant-design-vue';
import {
getEventDetail,
@@ -30,23 +29,19 @@ const formatGender = (v: string) => GENDER_MAP[v] ?? v;
const PAGE_SIZE = 10;
-/** 渲染身份证图片 */
+/** 渲染身份证图片(cover 填充,与封面显示方式一致) */
const renderIdImages = (imgList: string[], singleImg: string) => {
const urls = imgList.length > 0 ? imgList : singleImg ? [singleImg] : [];
if (urls.length === 0) return -;
return (