微信小程序grid-view组件怎么使用

您可以使用以下代码来使用微信小程序grid-view组件：

1. 在wxml文件中添加以下代码：

<view class="grid-view">
<grid-view column-num="{{3}}" grid-data="{{gridData}}" bindtap="onGridItemClick"></grid-view>
</view>

2. 在js文件中添加以下代码：

Page({
data: {
gridData: [
{
icon: "/images/icon1.png",
text: "选项1"
},
{
icon: "/images/icon2.png",
text: "选项2"
},
{
icon: "/images/icon3.png",
text: "选项3"
}
]
},
onGridItemClick: function (event) {
console.log(event.detail);
}
})

3. 在wxss文件中添加以下代码：

.grid-view {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20rpx;
}

.grid-view .grid-item {
width: 30%;
margin-bottom: 20rpx;
text-align: center;
}

.grid-view .grid-item img {
width: 80rpx;
height: 80rpx;
margin-bottom: 10rpx;
}

.grid-view .grid-item p {
font-size: 28rpx;
color: #333;
}

请注意，以上代码仅供参考，您需要根据自己的实际情况进行修改。