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

编辑推荐

更新日志

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

23 条评论 发表评论

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

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

发表评论

以下作品你可能也喜欢:
推荐

特殊说明下:里面部分高保真页面,无法用axure画出,直接截图引用(并非截图页面,所有页面均用axure作出) 本作品原型概况:通用电商所有页面组件,直接里面复制了用,低保真+高保真+颜色任意修改。 软件版本:Axure8.0 文件大小:1…

售价:¥ 49.90 销量: 48 5565
推荐

大家好,我是大马猴,又见面了,用心做产品,不忘初心,向着梦想前行,愿你从中找寻到设计的乐趣。 感谢官方在原型推荐第十三期,精心的推荐了我的这个后台模板,同时也感谢各位设计友人对我的支持。 兼容axure8,axure9,axure10。可以…

售价:¥ 72.80 销量: 1470 80027
推荐

美业店务CRM:本系统是面向美容美体行业的O2O管理系统,适用于美容连锁企业。系统将提供会员档案管理、预约、预约充值、订单消费、充值、分期还款、会员等级管理、丰富的数据分析等门店日常运营操作;同时,提供员工从获客、跟进、到店服务的全业务过程…

售价:¥ 45.00 销量: 38 8868
推荐

#前言: uView是uni-app生态专用的UI框架,uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引…

售价:¥ 99.90 销量: 118 9917
推荐

产品名称:物联网中台V2.0原型设计方案 软件版本:Axure 9 产品类型:Axure实战原型 文件大小:8.93MB 适用场景: PC端、web应用、中台、IOT 适用人群:产品经理、产品专员、项目经理 产品特点:功能完整,可直接开发成…

售价:¥ 72.80 销量: 17 4923
推荐

软件版本:Axure9.0 页面数量:24 版本:V1.0版本 产品介绍:此产品主要适用于企业员工线上培训并进行考试的系统。原型包括各个可更改的组件,分为员工培训前端以及企业管理人员上传培训资料、设置试卷考试等功能。 核心功能介绍: 1、课…

售价:¥ 25.60 销量: 41 5649