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;
+ }
}