## 代码演示 ### 基础用法通过 `icon` 属性设置格子内的图标，`text` 属性设置文字内容。 ```html

``` ### 自定义列数默认一行展示四个格子，可以通过`column-num`自定义列数。 ```html

``` ### 自定义内容通过插槽可以自定义格子展示的内容。 ```html

``` ### 正方形格子设置`square`属性后，格子的高度会和宽度保持一致。 ```html

``` ### 格子间距通过`gutter`属性设置格子之间的距离。 ```html

``` ### 内容横排将`direction`属性设置为`horizontal`，可以让宫格的内容呈横向排列。 ```html

``` ### 页面跳转可以通过`url`属性进行页面跳转，通过`link-type`属性控制跳转类型。 ```html

```