✨ (Header.astro): replace dropdown div with details and summary eleme…

[yaotutu]

• 之前的代码中,用户二次点击菜单的时候,菜单并不会消失.有点不太符合交互逻辑. 调整后,是一个切换的逻辑,点击第一次,显示菜单,点击第二次关闭菜单,第三次点击打开... 这个功能由HTML原生标签details提供.
• 增加脚本标签,优化三个点
• 用户点击具体的菜单项后,关闭菜单
• 用户点击菜单外的区域,关闭菜单
• 用户滑动菜单外的区域,关闭菜单

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
frosti	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 14, 2024 10:49pm

[EveSunMaple]

非常感谢，这很有用！

只不过之前有反应过改成 summary 之后会有样式问题，我现在无法复现，有待考证。