ant desgin vue 使用Card卡片实现卡片内部内容可滑动或者滚动
时间: 2023-09-11 22:09:27 浏览: 365
vue中选项卡点击切换且能滑动切换功能的实现代码
可以通过在`Card`组件的`bodyStyle`属性中设置`overflow-y: auto;`来实现卡片内部内容可滚动。具体实现步骤如下:
1. 在`<template>`中使用`Card`组件,并设置`bodyStyle`属性:
```html
<template>
<a-card :body-style="{overflowY: 'auto', maxHeight: '300px'}">
<!-- 卡片内部内容 -->
</a-card>
</template>
```
2. 在`bodyStyle`属性中设置`overflow-y: auto;`来实现卡片内部内容可滚动,同时设置`maxHeight`属性来限制卡片的最大高度。
这样就可以实现在`ant design vue`中使用`Card`组件实现卡片内部内容可滑动或者滚动的效果了。
阅读全文