axure商城

用中继器做个左侧导航 做起来费劲 复用却很方便

首先,组件准备。上图:

中继器配置上图:

type:菜单的级别:1表示一级菜单;2表示二级菜单….以此类推;

ID:菜单的ID,请按规律设置;

PID:菜单的父级ID,体现上下级的关系;

hasson:是否有子菜单,1:有;0:无,这个主要用来显示图标的

name:菜单名称;

vision:是否可见;1:可见;0:不可见;通过这个来实现菜单的折叠还是展开;

xuan:表示图标是否需要旋转,1:要,0:不要;

sel:辅助用,可以不要;

url:链接:有值的时候,点击菜单,可以打开链接;

开始交互:

中继器载入时:

添加排序和筛选

排序:按照id升序排列

筛选:筛选出可见得显示

中继器每项载入时:

情形1:设置载入文本和文本距离左侧得显示距离。

情形2:设置菜单项得图标是否显示

情形3:设置图标旋转,这个要根据图标得样式进行设置。

注意:情形之间是独立的if,不是if和else得关系。如下设置调整:

菜单项操作交互配置:

 

给TA打赏
共{{data.count}}人
人已打赏
案例教程

Axure 制作极简时钟教程

2023-7-14 20:53:08

产品经理

如何设计伟大产品:要学会讲故事

2013-4-17 18:18:28

axure商城
5 条回复 A文章作者 M管理员
  1. 凯凯拉克

    最后一个图片最后两个事件应该不是else if ,应该是if,因为没有链接和是否选中状态,错了也没看出来吧。不过我虽然发现这个问题,但始终照抄都没成功,能收缩就是不能打开,真是气煞我也,两天没找到问题所在😭

  2. 阿水

    我的评论呢?没通过审核吗?审核状态也看不到,一头雾水

  3. 阿水

    按步骤操作下来有两个问题,1是箭头初始化时是反向的,2是首次点击需要单击两次才会展示二级菜单,第一次点击是将箭头180°翻转,第二次才是弹出二级菜单。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索