以微信小程序750*1336為例，層級設計很清晰明了

WeUI頁面層級

1.Popout
彈出層，作為內(nèi)容層和導航層的補充，用于承載彈窗通知、操作菜單、菜單、成功或加載中等狀態(tài)的Toast，表單報錯提示等彈出內(nèi)容。

alert

select

ios-alert

ios-action

message

toast

2.Mask
蒙層，配合Popout層使用，用于鎖定內(nèi)容層和導航層操作，不單獨使用。

3.Navigation
導航層，位于內(nèi)容層之上，在用戶滑動內(nèi)容層時可保持位置不動，通常用于承載導航欄等需要固定在頁面的元素。

navigation-bar

search

navigation-tool

ios-navigationbar

ios-tab-bar

ios-tool-bar

4.Content
內(nèi)容層，承載頁面主要內(nèi)容。