#Axure#三级菜单

背景特别在做MIS项目时,左边的菜单栏业务模块层级太深,两级菜单已经无法满足设计的需要。

应用场景:

  • 父子孙级内容
  • 三级菜单

步骤

Step 1,拖入矩形,200*60。

#Axure#三级菜单

Step 2,复制矩形,注意留有两个矩形的间距。

#Axure#三级菜单

Step 3,拖入动态面板,200*120,命名为二级,隐藏。

#Axure#三级菜单

Step 4,“二级”里,同样复制刚才的两个矩形,不过内容改为二级菜单,同时拖入动态面板,200*120,命名为三级,隐藏。

#Axure#三级菜单

Step 5,“三级”里,同样复制刚才的两个矩形,改为三级菜单。

#Axure#三级菜单

Step 6,设置交互。回到一级菜单页面。鼠标单击时,显示“二级”,向下推动。

#Axure#三级菜单

Step 7,进到二级菜单页面。鼠标单击时,隐藏“二级”,由下方拉动;然后,显示“三级”,向下推动;最后,显示“二级”,向下推动。

#Axure#三级菜单

Step 8,预览完成。

#Axure#三级菜单:等您坐沙发呢!

发表评论

表情
还能输入210个字