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打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    案例教程

    Axure 制作极简时钟教程

    2023-7-14 20:53:08

    案例教程

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

    2023-11-9 13:51:12

    axure商城
    14 条回复 A文章作者 M管理员
    【注意】本站评论均需人工审核,请勿发布与Axure无关的任何言论。
    vpn free
    欢迎您,新朋友,感谢参与互动!
    1. 蛋蛋184408

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

      • link

        你好 能分享一下源文件吗 我试了好几次都没成功

        vpn free
    2. crazyjunshao

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

    3. 随缘

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

    4. vpn下载
    5. 叽里呱啦

      上面if真是怎么设置的

      vpn free
    6. 龙控
      免费vpn下载 vpn free

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

      vpn免费
      free vpn
      • L171344

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

    7. 阿白170661

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

      • L171344

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

    8. 凯凯拉克

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

      • 像风一样の自由

        要不要把我的原型直接发给你,我也是尝试,可以一起尝试改进!

    9. 免费vpn下载
    10. 阿水

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

    11. 阿水
      vpn free

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

    vpn free 免费vpn下载 个人中心
    购物车
    优惠劵
    今日签到
    vpn下载 私信列表
    搜索
    vpn免费