【8.0.4】根据浏览器宽度自动折叠菜单

Chelsey.Wang

折叠菜单是现在大家很常用的一个方式了。今天分享一个根据浏览器宽度，自动折叠菜单的JS。

有兴趣的下载去玩吧，目前设置宽度小于900就自动折叠。

折叠菜单.gif

willning · willning

桂花酒酿丸子发表于 2022-7-28 13:05
官方菜单本身没有折叠的命令，所以你可能需要通过这样的方式，将子菜单项目设置为隐藏，然后再隐藏足够多 ...

再安利一遍ElementUI-Plus插件。新的UI控件的开放性更强，比如折叠菜单、动态填充下拉框等都包含进来了。

swejet · swejet

本帖最后由 swejet 于 2022-7-28 11:11 编辑

太棒了，这是我早就想实现的功能
对官方的菜单好使吗？

tominson · tominson

工程文件能分享下吗？

桂花酒酿丸子 · 桂花酒酿丸子

swejet 发表于 2022-7-28 11:05
太棒了，这是我早就想实现的功能
对官方的菜单好使吗？

官方菜单本身没有折叠的命令，所以你可能需要通过这样的方式，将子菜单项目设置为隐藏，然后再隐藏足够多的列。
image.png106437987.png

后续要展开的时候命令再将子菜单项目显示。

如果你用的不是8.0的话，那没办法，但如果是8.0的话，真的推荐EL菜单。

桂花酒酿丸子 · 桂花酒酿丸子

tominson 发表于 2022-7-28 13:00
工程文件能分享下吗？

工程文件在楼顶有下载链接吖。

爆笑虫子 · 爆笑虫子

gczxxu · gczxxu

厉害建议加个展开收缩动画

小崽子 · 小崽子

厉害厉害，感谢分享，这是好东西啊。

桂花酒酿丸子 · 桂花酒酿丸子

willning 发表于 2022-8-5 10:02
再安利一遍ElementUI-Plus插件。新的UI控件的开放性更强，比如折叠菜单、动态填充下拉框等都包含进来了。

EL菜单简直不要太赞。给8.0的项目开发注入了无数有意思的玩法。

		自动登录	找回密码
密码			立即注册

[资源分享] 【8.0.4】根据浏览器宽度自动折叠菜单