默认页面布局

    <div class="page">
        <div class="page-header">
            <div class="page-header-content">
            ...
            </div>
        </div>
 
        <div class="page-region">
            <div class="page-region-content">
                ...
            </div>
        </div>
    </div>

二级页面布局

    <div class="page secondary">
        <div class="page-header">
            <div class="page-header-content">
            ...
            </div>
        </div>
 
        <div class="page-region">
            <div class="page-region-content">
                ...
            </div>
        </div>
    </div>

Fill View

    <div class="page fill">
        ...
    </div>

Snapped View

    <div class="page snapped">
        ...
    </div>

Fill & Snapped View

    <div class="page snapped">
        ...
    </div>
    <div class="page fill">
        ...
    </div>

应用栏

    <div class="app-bar">
        ...
    </div>

Sharms

    <div class="charms">
        ...
    </div>

Flyouts

消息对话框

    <div class="message-dialog">
        ...
    </div>

通知对话框

    <div class="error(info, warning)-bar">
        ...
    </div>