WIP 13

* Add medium-zoom

Author: YuKongA

docs/.vitepress/theme/index.mts

@@ -1,6 +1,28 @@
 import DefaultTheme from 'vitepress/theme'
+
+/* mediumZoom */
+import mediumZoom from 'medium-zoom';
+import { onMounted, watch, nextTick } from 'vue';
+import { useRoute } from 'vitepress';
+
 import './style/index.css'
 
 export default {
   extends: DefaultTheme,
+
+  /* mediumZoom */
+  setup() {
+    const route = useRoute();
+    const initZoom = () => {
+      mediumZoom('.main img', { background: 'var(--vp-c-bg)' });
+    };
+    onMounted(() => {
+      initZoom();
+    });
+    watch(
+      () => route.path,
+      () => nextTick(() => initZoom())
+    );
+  },
+
 }

docs/.vitepress/theme/style/var.css

@@ -20,7 +20,6 @@
     /* hero logo 背景颜色 */
     --vp-home-hero-image-background-image: linear-gradient(var(--miuix-color-primary), var(--miuix-color-primary));
     --vp-home-hero-image-filter: blur(40px);
-
 }
 
 /* 深色模式主题色 */
@@ -34,4 +33,13 @@
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-}
+}
+
+/* mediumZoom 样式 */
+.medium-zoom-overlay {
+    z-index: 30;
+  }
+  
+  .medium-zoom-image {
+    z-index: 9999 !important;
+  }

docs/package-lock.json

@@ -6,5 +6,8 @@
     "docs:dev": "vitepress dev --host",
     "docs:build": "vitepress build",
     "docs:preview": "vitepress preview"
+  },
+  "dependencies": {
+    "medium-zoom": "^1.1.0"
   }
-}
+}