fs-weapp/grid

Grid 九宫格布局

使用指南

在 app.json 或 index.json 中引入grid组件

{
  "usingComponents": {
    "fs-grid": "path/components/grid/index",
    "fs-grid-item": "path/components/grid-item/index"
  }
}
1
2
3
4
5
6

代码演示

基础用法

<fs-grid col="4">
    <fs-grid-item>
      九宫格
    </fs-grid-item>
    <fs-grid-item>
      九宫格
    </fs-grid-item>
    <fs-grid-item>
      九宫格
    </fs-grid-item>
    <fs-grid-item>
      九宫格
    </fs-grid-item>
</fs-grid>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

属性

参数 说明 类型 默认值
col 列数 Nubmber 3

插槽

插槽名 说明
默认插槽 默认slot, 显示内容

← Layout 布局 →