Update NoteTimeline.vue
修复图片预览层级
This commit is contained in:
@@ -47,6 +47,7 @@
|
|||||||
:src="getImageUrl(url)"
|
:src="getImageUrl(url)"
|
||||||
:preview-src-list="note.tongue_images.map(getImageUrl)"
|
:preview-src-list="note.tongue_images.map(getImageUrl)"
|
||||||
:initial-index="idx"
|
:initial-index="idx"
|
||||||
|
:z-index="IMAGE_PREVIEW_Z_INDEX"
|
||||||
fit="cover"
|
fit="cover"
|
||||||
class="timeline-thumb"
|
class="timeline-thumb"
|
||||||
preview-teleported
|
preview-teleported
|
||||||
@@ -66,6 +67,7 @@
|
|||||||
:src="getImageUrl(url)"
|
:src="getImageUrl(url)"
|
||||||
:preview-src-list="getImagePreviewList(note.report_files)"
|
:preview-src-list="getImagePreviewList(note.report_files)"
|
||||||
:initial-index="getImagePreviewIndex(note.report_files, idx)"
|
:initial-index="getImagePreviewIndex(note.report_files, idx)"
|
||||||
|
:z-index="IMAGE_PREVIEW_Z_INDEX"
|
||||||
fit="cover"
|
fit="cover"
|
||||||
class="timeline-thumb"
|
class="timeline-thumb"
|
||||||
preview-teleported
|
preview-teleported
|
||||||
@@ -128,6 +130,9 @@ const reportModel = ref<string[]>([])
|
|||||||
const prevTongueCount = ref(0)
|
const prevTongueCount = ref(0)
|
||||||
const prevReportCount = ref(0)
|
const prevReportCount = ref(0)
|
||||||
|
|
||||||
|
/** 高于诊单抽屉(最高 4000)与多层弹窗叠加后的遮罩,避免预览被挡住 */
|
||||||
|
const IMAGE_PREVIEW_Z_INDEX = 8000
|
||||||
|
|
||||||
const IMAGE_EXTENSIONS = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']
|
const IMAGE_EXTENSIONS = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']
|
||||||
|
|
||||||
const isImageFile = (url: string): boolean => {
|
const isImageFile = (url: string): boolean => {
|
||||||
|
|||||||
Reference in New Issue
Block a user