后台菜单框架 纯中继器实现(修改数据即可用)实现无限级菜单

编辑推荐
微信图片-20190923152118

更新日志

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

22 条评论 发表评论

可以,菜单每个方框和效果都有做元件样式。你只要在元件样式里修改就可以实现换肤效果。

请问,原型分享到axure share,生成链接以后,别人看不到菜单里的图标,是要他们按照ttf文件才能看到嘛?

发表评论

以下作品你可能也喜欢:
}GBB136SZTO8)(9~S02[~YD
推荐

本原型包含招聘网站个人用户使用前端页面以及网站运营者管理后台  

售价:¥ 29.99 销量: 45 2002
Group 12
推荐

作品名称:完整新零售解决方案(四年磨一剑) 当前版本:v1.4 软件版本:Axure 9.0 产品形态:小程序+安卓客户端+WEB端 作品页数:100页 很感谢大家关注到此原型作品,这是一种缘分。下面容我给大家介绍一下此产品 一、作品简介 …

售价:¥ 299.00 销量: 67 9773
封面
推荐

内容 作品包含UML活动图(流程图)、泳道图、状态图、用例图、类图、时序图六类常用图表元件及示例图,可快速、便捷地在Axure中进行产品建模分析。作品可作为Axure Flow元件库的扩展补充,复杂系统建模分析建议使用专业的软件建模工具。 …

售价:¥ 5.00 销量: 786 11245
u10
推荐

作品名称:Axure企业CMS内容管理系统原型设计 软件版本:Axure 8、Axure 9 作品类型:Axure原型 文件类型: .rp 文件大小:4.0MB 适用场景: PC Axure企业CMS内容管理系统原型设计,原型包括几十个页面…

售价:¥ 35.00 销量: 19 2594
index
推荐

详情请预览:) 

售价:¥ 45.00 销量: 28 2892
page-1
推荐

一、作品说明 校园资讯、视频、文章、活动、圈子、投票、服务、专区移动端原型主要为设计、开发、测试、运营人员明确校园资讯活动服务平台的需求,以确保对行业的了解,熟悉具体的业务流程、原型设计、交互方法。 二、应用领域 原型可以应用校园资讯、视频…

售价:¥ 99.00 销量: 4 1920