|
@@ -26,12 +26,15 @@
|
|
|
<el-image
|
|
<el-image
|
|
|
v-for="(item, index) in messageObj.photoLists"
|
|
v-for="(item, index) in messageObj.photoLists"
|
|
|
:key="index"
|
|
:key="index"
|
|
|
- :initial-index="index"
|
|
|
|
|
- :preview-src-list="messageObj.photoLists"
|
|
|
|
|
:src="item"
|
|
:src="item"
|
|
|
|
|
+ :preview-src-list="messageObj.photoLists"
|
|
|
|
|
+ :initial-index="index"
|
|
|
class="gallery-image"
|
|
class="gallery-image"
|
|
|
fit="cover"
|
|
fit="cover"
|
|
|
lazy
|
|
lazy
|
|
|
|
|
+ hide-on-click-modal
|
|
|
|
|
+ append-to-body
|
|
|
|
|
+ preview-teleported
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -179,4 +182,17 @@ defineExpose({ handleOpenDrawer, handleCloseDrawer });
|
|
|
.el-divider {
|
|
.el-divider {
|
|
|
margin: 28px 0;
|
|
margin: 28px 0;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+/* 修复预览层闪烁问题 */
|
|
|
|
|
+.el-image-viewer__wrapper {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ z-index: 10000 !important; /* 确保高于抽屉组件的z-index */
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/* 防止背景滚动 */
|
|
|
|
|
+.el-image-viewer__mask {
|
|
|
|
|
+ opacity: 0.9 !important;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
