Grid 九宫格布局
使用指南
import { Grid, GridItem} from 'fs-ui'
export default {
components: {
Grid,
GridItem
}
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
代码演示
基础用法
<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
2
3
4
5
6
7
8
9
10
11
12
13
14
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| col | 列数 | Nubmber | 3 |
插槽
| 插槽名 | 说明 |
|---|---|
| 默认插槽 | 默认slot, 显示内容 |