فهرست منبع

feat(hugo): 添加汉堡菜单和植物底纹

Daily Deploy Bot 15 ساعت پیش
والد
کامیت
a8226ba3b6
2فایلهای تغییر یافته به همراه20 افزوده شده و 0 حذف شده
  1. 6 0
      site/static/css/site.css
  2. 14 0
      site/static/js/menu.js

+ 6 - 0
site/static/css/site.css

@@ -148,6 +148,7 @@ a:hover {
   flex-direction: column;
   gap: 5px;
   z-index: 100;
+  margin-left: auto;
 }
 
 .menu-toggle span {
@@ -156,6 +157,11 @@ a:hover {
   height: 2px;
   background: var(--text);
   transition: all 0.3s ease;
+  border-radius: 2px;
+}
+
+.menu-toggle:hover span {
+  background: var(--accent);
 }
 
 .menu-toggle.active span:nth-child(1) {

+ 14 - 0
site/static/js/menu.js

@@ -0,0 +1,14 @@
+// 汉堡菜单切换
+document.addEventListener('DOMContentLoaded', function() {
+  const menuToggle = document.querySelector('.menu-toggle');
+  const siteNav = document.querySelector('.site-nav');
+  
+  if (menuToggle && siteNav) {
+    menuToggle.addEventListener('click', function() {
+      this.classList.toggle('active');
+      siteNav.classList.toggle('active');
+      const isOpen = siteNav.classList.contains('active');
+      this.setAttribute('aria-expanded', isOpen);
+    });
+  }
+});