美文网首页
【2017.4.21】app原型组件设计规范

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

作者: Ludiwgbet | 来源:发表于2017-04-21 20:54 被阅读261次

以微信小程序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
内容层,承载页面主要内容。

相关文章

网友评论

      本文标题:【2017.4.21】app原型组件设计规范

      本文链接:https://www.haomeiwen.com/subject/defxzttx.html