【2017.4.21】app原型组件设计规范

2017-04-21  本文已影响261人  Ludiwgbet

以微信小程序750*1336为例,层级设计很清晰明了

WeUI页面层级

1.Popout
弹出层,作为内容层和导航层的补充,用于承载弹窗通知、操作菜单、菜单、成功或加载中等状态的Toast,表单报错提示等弹出内容。

alert select ios-alert ios-action message toast

2.Mask
蒙层,配合Popout层使用,用于锁定内容层和导航层操作,不单独使用。

3.Navigation
导航层,位于内容层之上,在用户滑动内容层时可保持位置不动,通常用于承载导航栏等需要固定在页面的元素。

navigation-bar
search navigation-tool
ios-navigationbar
ios-tab-bar
ios-tool-bar

4.Content
内容层,承载页面主要内容。

上一篇下一篇

猜你喜欢

热点阅读