基础使用

默认 5 列。

<hi-grid>
    <view class="item" v-for="i in 6" :key="i">宫格项</view>
</hi-grid>

设置列表

通过 columns 属性设置列数。

<hi-grid columns="3">
    <view class="item" v-for="i in 6" :key="i">宫格项</view>
</hi-grid>

设置间距

默认间距 20rpx 列，通过 gap 属性设置间距。

<hi-grid columns="3" gap="15px">
    <view class="item" v-for="i in 6" :key="i">宫格项</view>
</hi-grid>

Props

参数	说明	类型	默认值	可选值
columns	列数	String	2	-
gap	行/列间距	String	-	-

Slots

名称	说明
#default	宫格内容插槽