Grid (九宫格)
九宫格布局在移动端非常常见
自定义非常方便
代码示例
基本用法
最简单定义一个九宫格的用法
昨天
今天
明天
后天
控制每行单元格数量
cols属性可以传入数字来控制每行单元格数量,默认值为3。注意:当传入的cols值大于单元格总数量时,则会在一行展示全部的单元格
昨天
今天
明天
后天
带有icon的单元格
icon取值参见Icon组件。可以通过icon属性指定,也可通过名为icon的slot自定义
昨天
今天
明天
后天
没有边框
has-border为false时,单元格没有边框,默认为true
昨天
今天
明天
后天