type
status
date
slug
summary
tags
category
icon
password
🗒️
因为没有移动端设计稿,所以根据公司线上项目的移动端写了个导航的移动端。
 
 

总结归纳

使用抽屉式导航,包含顶部标题和关闭按钮⁠⁠,实现了响应式布局,针对PC端和移动端有不同的处理逻辑⁠⁠
移动端下,为有子菜单的导航项添加展开按钮和切换功能⁠,⁠用户菜单和货币选择菜单移至抽屉内的导航之后⁠⁠。
 
使用JavaScript动态调整DOM结构,适应不同设备⁠。
实现了子菜单的展开/收起动画效果⁠。⁠
阻止了有子菜单的一级导航项的默认点击事件,优化用户体验⁠。⁠