ant-design-vue list-item 滚动条隐藏

Ant Design Vue 中的 `list-item` 组件默认会有滚动条显示，如果你想在列表项中隐藏滚动条，你可以通过 CSS 或组件内部样式来自定义。以下是一些示例：

1. 使用 CSS 隐藏滚动条：

.ant-list-item {
  overflow-y: hidden; /* 或者设置成 'auto' 并添加::-webkit-scrollbar { display: none; } 来隐藏 WebKit 内核的滚动条 */
}

2. 如果你希望只在特定条件下隐藏滚动条，可以在 `v-if` 或 `v-show` 条件下动态控制：

<template>
  <div v-if="shouldHideScrollbar" class="ant-list-item">
    <!-- Your list item content -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldHideScrollbar: false, // 根据实际情况改变 this.shouldHideScrollbar 的值
    };
  },
};
</script>

确保给包含内容的元素设置足够的高度，否则即使设置了滚动条隐藏，如果没有内容也不会有滚动效果。