type
status
date
slug
summary
tags
category
icon
password
因为没有移动端设计稿,所以根据公司线上项目的移动端写了个导航的移动端。
总结归纳
使用抽屉式导航,包含顶部标题和关闭按钮,实现了响应式布局,针对PC端和移动端有不同的处理逻辑
移动端下,为有子菜单的导航项添加展开按钮和切换功能,用户菜单和货币选择菜单移至抽屉内的导航之后。
使用JavaScript动态调整DOM结构,适应不同设备。
实现了子菜单的展开/收起动画效果。
阻止了有子菜单的一级导航项的默认点击事件,优化用户体验。