找回密码
 立即注册

QQ登录

只需一步,快速开始

桂花酒酿丸子 悬赏达人认证 活字格认证

高级会员

32

主题

490

帖子

1444

积分

高级会员

积分
1444

悬赏达人活字格高级认证活字格认证圣诞拼拼乐

桂花酒酿丸子 悬赏达人认证 活字格认证
高级会员   /  发表于:2022-7-28 09:24  /   查看:3463  /  回复:12
折叠菜单是现在大家很常用的一个方式了。今天分享一个根据浏览器宽度,自动折叠菜单的JS。

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

折叠菜单.gif

自动缩放菜单demo.fgcc

941.33 KB, 下载次数: 59

售价: 20 金币  [记录]

评分

参与人数 3金币 +666 满意度 +10 收起 理由
Chelsey.Wang + 666 赞一个!
爆笑虫子 + 5
swejet + 5

查看全部评分

12 个回复

倒序浏览
willning
超级版主   /  发表于:2022-8-5 10:02:59
推荐
桂花酒酿丸子 发表于 2022-7-28 13:05
官方菜单本身没有折叠的命令,所以你可能需要通过这样的方式,将子菜单项目设置为隐藏,然后再隐藏足够多 ...

再安利一遍ElementUI-Plus插件。新的UI控件的开放性更强,比如折叠菜单、动态填充下拉框等都包含进来了。
活字格新手训练营由资深技术人员为您“引路”,系统化集中的学习,让您少走弯路,效率更高。点我来报名:
https://app.grapecity.com.cn/lowcodecampus/?source=GCDN
回复 使用道具 举报
swejet悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-7-28 11:05:22
沙发
本帖最后由 swejet 于 2022-7-28 11:11 编辑

太棒了,这是我早就想实现的功能
对官方的菜单好使吗?
回复 使用道具 举报
tominson
银牌会员   /  发表于:2022-7-28 13:00:14
板凳
工程文件能分享下吗?
回复 使用道具 举报
桂花酒酿丸子悬赏达人认证 活字格认证
高级会员   /  发表于:2022-7-28 13:05:38
地板
swejet 发表于 2022-7-28 11:05
太棒了,这是我早就想实现的功能
对官方的菜单好使吗?

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

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

如果你用的不是8.0的话,那没办法,但如果是8.0的话,真的推荐EL菜单。
回复 使用道具 举报
桂花酒酿丸子悬赏达人认证 活字格认证
高级会员   /  发表于:2022-7-28 13:05:53
5#
tominson 发表于 2022-7-28 13:00
工程文件能分享下吗?

工程文件在楼顶有下载链接吖。
回复 使用道具 举报
爆笑虫子
初级会员   /  发表于:2022-7-28 17:01:25
6#
回复 使用道具 举报
gczxxu
银牌会员   /  发表于:2022-8-1 16:05:56
7#
厉害建议加个展开收缩动画
回复 使用道具 举报
小崽子
注册会员   /  发表于:2022-8-4 18:31:46
8#
厉害厉害,感谢分享,这是好东西啊。
回复 使用道具 举报
桂花酒酿丸子悬赏达人认证 活字格认证
高级会员   /  发表于:2022-8-5 10:06:18
10#
willning 发表于 2022-8-5 10:02
再安利一遍ElementUI-Plus插件。新的UI控件的开放性更强,比如折叠菜单、动态填充下拉框等都包含进来了。

EL菜单简直不要太赞。给8.0的项目开发注入了无数有意思的玩法。
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部