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

案例教程

验证码,除了 12306,我还没有服过谁(图片验证篇)

2023-11-9 13:51:12

axure商城
13 条回复 A文章作者 M管理员
  1. 蛋蛋184408

    抄作业成功😁,不过设置某个菜单打开原型某个页面 感觉应该不是很好弄的样子

  2. crazyjunshao

    不是我说,这跟产品锦李文章的没差啊😂

  3. 随缘

    按作者的脚本完全复制出来,不行,需要修改下;收缩,点击展开时,条件中xuan这个属性为1,不是0,更新时相应要改成0,其他类似

  4. 叽里呱啦

    上面if真是怎么设置的

  5. 龙控

    我的二级菜单咋都出不来,箭头倒是没问题

    • L171344

      这个里面的有些条件是错误的

  6. 阿白170661

    你好,我是试了几遍,不知道为什么点第一次都不能展开,只能第二次才能点开是为什么呢

    • L171344

      收缩状态就要设置xuan这个属性为1,是展开就为0

  7. 凯凯拉克

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

  8. 阿水

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

  9. 阿水

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

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