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

    Grid - 图1

    1. <div class="weui-grids">
    2. <a href="javascript:;" class="weui-grid">
    3. <div class="weui-grid__icon">
    4. <img src="./images/icon_nav_button.png" alt="">
    5. </div>
    6. <p class="weui-grid__label">
    7. Button
    8. </p>
    9. </a>
    10. <a href="javascript:;" class="weui-grid">
    11. <div class="weui-grid__icon">
    12. <img src="./images/icon_nav_cell.png" alt="">
    13. </div>
    14. <p class="weui-grid__label">
    15. Cell
    16. </p>
    17. </a>
    18. </div>

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

    原文: https://github.com/Tencent/weui/wiki/Grid