更新日志
2021年6月30日
应网友要求增加无限级菜单,不限制菜单数量和菜单层级,只需在中继器里向下增加行填写菜单数据就可以轻松实现。
作品介绍
Axure中继器菜单 管理后台菜单框架
Axure一级菜单 二级菜单 三级菜单。
按这方法也可以实现多级菜单,只是中继器数据量会比较大,首次页面加载会慢一些。
功能特点
1、只用中继器实现,所有菜单名称直接修改中继器数据,就可以使用。
2、点击菜单的链接可以使用中继器的引用,也可以另加一列做url引用。
3、可以支持一级菜单或二级菜单下没有子菜单的情况。
4、每个元件都统一使用元件样式,提供光亮和暗黑两套主题。
使用方法
1、修改中继器的数据
2、目前是在内联框架中打开链接,你也可以根据需要在当前窗口打开链接
3、如果你的项目菜单名称规范,也可以直接在中继器中引用页面,这样比配置url更便捷
4、中继器数据中,每一行就是一个菜单集合,菜单集合包含这个菜单的所有下级菜单。
个人爱好:喜欢简单的设计,但又实现常规所有功能,又要求高保真效果,整个设计会扣一些细节元素。
给读者:如果不能满足你的工作需求,请留言,我会为你的需求定制设计。
部分效果图
图标字体使用方法
因为有使用自定义的图标字体,本地电脑需要安装ttf文件,文件在原型下载里有提供。这样在axure软件上图标字段才会显示效果
如果预览时图标字段没有效果,需要在axure–发布–预览选项–配置–web字体。配置如下:
https://at.alicdn.com/t/font_1415613_aex3zmvu2nm.css
点击箭头没反应
已增加箭头图标的点击事件
可以更改菜单的颜色嘛?
可以,菜单每个方框和效果都有做元件样式。你只要在元件样式里修改就可以实现换肤效果。
请问,原型分享到axure share,生成链接以后,别人看不到菜单里的图标,是要他们按照ttf文件才能看到嘛?
不需要,请把web字体链接改成htts即可,如下:
https://at.alicdn.com/t/font_1415613_aex3zmvu2nm.css
好滴 谢谢你啦~~
每个菜单页怎么编辑?
菜单页面就在每个页面里自行编辑,这个不影响菜单的
可以在每个菜单旁边添加图标吗?
可以,上面的示例就带有图标,图标用iconfont
二级菜单只能添加4项吗?
做成4项是示例,你可以参考一下中断器里的数据不断增加。
有没有可能做成循环,可以无限级的
可以,近期会增加一个可以无限循环且可以无限级
期待
已更新,增加了无限级菜单页面
购买这个给的是axure文件吗,主要是想学学怎么用中继器做菜单
是axure文件
图标字体在哪,下载文件里没有
链接:https://pan.baidu.com/s/1U8qyRfD4VFpUGkOvp-KoLg
提取码:2d3i
初次加载出来正确,点击收缩在点击展开菜单就乱了ToT
中继器的菜单怎么链接到内联框架打开页面