照片墙展示

2026-05-03 08:16:26 +08:00
parent f2428cfd8d
commit cc40ff3a38
3 changed files with 70 additions and 15 deletions
@@ -15,6 +15,10 @@ const { title = site.title } = Astro.props;
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>{title}</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
+    />
  </head>
  <body>
    <header class="site-header" aria-label="网站导航">
@@ -69,5 +73,15 @@ const { title = site.title } = Astro.props;
        });
      }
    </script>
+    <script
+      is:inline
+      src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"
+    ></script>
+    <script is:inline>
+      window.Fancybox?.bind("[data-fancybox]", {
+        animated: true,
+        dragToClose: true
+      });
+    </script>
  </body>
 </html>