在 Popup 组件中使用 ImageUploader 在预览图片时由于层级问题被遮挡。处理方法// 通过自定义onPreview解决ImageViewer被Popup遮挡问题 const handlePreview (index, file) { if (!file || !file.url) return; ImageViewer.Multi.show({ images: [file.url], // 关键覆盖遮罩层样式 classNames: { mask: Styles[custom-image-viewer-mask], }, }); }; ImageUploader onPreview{handlePreview} //* 确保预览层在Popup之上 */ .custom-image-viewer-mask { z-index: 2000 !important; }
H5的图片预览时被遮挡
在 Popup 组件中使用 ImageUploader 在预览图片时由于层级问题被遮挡。处理方法// 通过自定义onPreview解决ImageViewer被Popup遮挡问题 const handlePreview (index, file) { if (!file || !file.url) return; ImageViewer.Multi.show({ images: [file.url], // 关键覆盖遮罩层样式 classNames: { mask: Styles[custom-image-viewer-mask], }, }); }; ImageUploader onPreview{handlePreview} //* 确保预览层在Popup之上 */ .custom-image-viewer-mask { z-index: 2000 !important; }