diff --git a/vue/src/charts/package/ImageChart.vue b/vue/src/charts/package/ImageChart.vue index 01b2a832..1412f6f4 100644 --- a/vue/src/charts/package/ImageChart.vue +++ b/vue/src/charts/package/ImageChart.vue @@ -25,7 +25,7 @@ >
- +

{{ s.caption }}

@@ -59,7 +59,7 @@ >
- +

{{ s.caption }}

@@ -85,7 +85,12 @@ v-model="isSingleZoom" close-on-overlay-click > - +
+
+ + +
+
@@ -287,9 +292,6 @@ const zoom = () => { // ---------------------------------- 点击某个图像,放大 ---------------------------------- const isSingleZoom = ref(false) -watch(isSingleZoom, () => { - isZoom.value = false -}) const signleZoomFilename = ref() // 点击某个图像,放大 const handelClickZoom = (filename) => { @@ -337,18 +339,29 @@ defineExpose({ &:hover .download-button { @apply block; } - .download-button { - @apply opacity-75 absolute top-1 right-1 hidden; - } } } } +.download-button { + @apply opacity-75 absolute top-1 right-1 hidden; + width: 1.25rem !important; + height: 1.25rem !important; + padding: 0.125rem !important; +} + .image-content-no-zoom { @apply h-56 overflow-y-auto overflow-x-clip; } .image-content-zoom { - @apply h-[calc(100vh-18.5rem)] overflow-y-auto overflow-x-clip; + @apply h-[calc(100vh-19rem)] overflow-y-auto overflow-x-clip; +} + +.image-single-zoom { + @apply flex items-center; + &:hover .download-button { + @apply block; + } }