跳到主要内容

Grid 宫格

用于实现9宫格这样的布局方式

示例

import { Grid, Text } from '@/duxui'

<Grid column={3}>
<Text>内容1</Text>
<Text>内容2</Text>
<Text>内容3</Text>
<Text>内容4</Text>
<Text>内容5</Text>
</Grid>

Props

继承自Taro的View Props

column

每行显示多少个内容

类型必填默认值
number4

square

将每一项强制显示为正方形

类型必填默认值
booleanfalse

gap

单元格之间的间距

类型必填默认值
number0

rowGap

行间距

类型必填默认值
numbergap

columnGap

列间距

类型必填默认值
numbergap

itemStyle

每一个元素容器的样式

类型必填默认值
CSSProperties