美文网首页
【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