van-grid做圆角

要在VanGrid中实现圆角，可以使用以下方法：

1. 使用van-grid-item组件设置圆角样式。

<template>
  <van-grid :column-num="3">
    <van-grid-item>
      <div class="grid-item-content">Item 1</div>
    </van-grid-item>
    <van-grid-item>
      <div class="grid-item-content">Item 2</div>
    </van-grid-item>
    <van-grid-item>
      <div class="grid-item-content">Item 3</div>
    </van-grid-item>
  </van-grid>
</template>

<style scoped>
.grid-item-content {
  border-radius: 10px;
  background-color: #f2f2f2;
  padding: 10px;
}
</style>

在上面的示例中，我们使用了van-grid和van-grid-item组件来创建一个包含3个项目的网格布局。然后，我们使用自定义的样式类.grid-item-content为每个项目设置了圆角样式。

2. 使用自定义CSS类来设置圆角样式。

<template>
  <van-grid :column-num="3" class="rounded-grid">
    <van-grid-item>Item 1</van-grid-item>
    <van-grid-item>Item 2</van-grid-item>
    <van-grid-item>Item 3</van-grid-item>
  </van-grid>
</template>

<style scoped>
.rounded-grid .van-grid-item {
  border-radius: 10px;
}
</style>

在这个示例中，我们为van-grid组件添加了一个名为rounded-grid的自定义CSS类，并为其中的每个van-grid-item设置了圆角样式。

这些方法都可以实现在VanGrid中使用圆角样式。你可以根据自己的需求选择其中一种方法来实现。