van-checkbox -group设置固定高度，超出滚动

您好！对于 van-checkbox-group 组件，您可以通过设置包裹它的容器元素的高度以及设置该容器元素的 overflow 属性来实现固定高度并添加滚动条的效果。具体操作如下：

1. 首先，在 HTML 中将 van-checkbox-group 组件包裹在一个容器元素中，比如一个 div 元素中，如下所示：

<div class="checkbox-group-wrapper">
  <van-checkbox-group v-model="checkedFruits">
    <van-checkbox name="apple">苹果</van-checkbox>
    <van-checkbox name="banana">香蕉</van-checkbox>
    <van-checkbox name="orange">橙子</van-checkbox>
    <van-checkbox name="watermelon">西瓜</van-checkbox>
    <van-checkbox name="peach">桃子</van-checkbox>
  </van-checkbox-group>
</div>

2. 接着，在 CSS 中为该容器元素设置高度并将 overflow 属性设置为 auto，如下所示：

.checkbox-group-wrapper {
  height: 200px; /* 设置容器高度为 200px */
  overflow: auto; /* 设置溢出内容自动添加滚动条 */
}

这样，当 van-checkbox-group 中的选项内容超出容器高度时，该容器元素会自动添加垂直滚动条，从而实现固定高度并添加滚动条的效果。希望这个回答能够帮助到您！