From 5d736b5c8441be4016a203c9ec1362681474a6e5 Mon Sep 17 00:00:00 2001
From: wuming230 <1819845645@qq.com>
Date: Wed, 19 Mar 2025 11:53:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E7=82=B9=E5=87=BB=E6=B2=A1=E5=8F=8D=E5=BA=94?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/src/assets/style/markdown.scss |  1 +
 docs/.vitepress/src/layouts/LayoutDoc.vue      | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/src/assets/style/markdown.scss b/docs/.vitepress/src/assets/style/markdown.scss
index 3860057..e00df62 100644
--- a/docs/.vitepress/src/assets/style/markdown.scss
+++ b/docs/.vitepress/src/assets/style/markdown.scss
@@ -331,6 +331,7 @@
 
   .img-expand {
     width: auto;
+    max-width: min(936px, 100%);
     position: relative;
     display: inline-block;
     padding: var(--o-gap-2);
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index c785568..e9abc23 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, computed, onUpdated, watch } from 'vue';
+import { onMounted, onUnmounted, ref, computed, onUpdated, watch, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { Content, useRouter, useRoute, useData } from 'vitepress';
 import {
@@ -399,7 +399,7 @@ const zoomVisible = ref(false);
 const zoomWidth = ref(0);
 const zoomHeight = ref(0);
 
-onMounted(() => {
+const imgInit = () => {
   const imgDom = document.querySelectorAll('.markdown-body img');
   imgDom.forEach((img) => {
     const image = new Image();
@@ -419,8 +419,21 @@ onMounted(() => {
       }
     };
   });
+};
+
+onMounted(() => {
+  imgInit();
 });
 
+watch(
+  () => route.path,
+  () => {
+    nextTick(() => {
+      imgInit();
+    });
+  }
+);
+
 const closeZoomBtn = () => {
   zoomVisible.value = false;
 };
@@ -971,6 +984,7 @@ const readyVisible = ref(false);
   overflow: hidden;
   background-color: #fff;
   max-width: calc(100vw - 80px);
+  max-height: calc(100vh - 100px);
 
   &::before {
     position: absolute;
-- 
Gitee