九宫格(Grid)

grid 九宫格,功能类似于微信钱包界面中的九宫格,用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。

<div class="weui-grids">
    <a href="javascript:;" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="./images/icon_nav_button.png" alt="">
        </div>
        <p class="weui-grid__label">
            Button
        </p>
    </a>
    <a href="javascript:;" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="./images/icon_nav_cell.png" alt="">
        </div>
        <p class="weui-grid__label">
            Cell
        </p>
    </a>
</div>

注意:九宫格图标约定尺寸是 28px * 28px (2x图即 56px * 56px)

爱生活,爱技术

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注