ant desgin vue 使用Card卡片实现卡片内部内容可滑动或者滚动
时间: 2023-09-11 12:09:27 浏览: 457
vue-swing-可滑动的卡片界面,如Jelly和Tinder之类的应用程序中所见。-Vue.js开发
可以通过在`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`组件实现卡片内部内容可滑动或者滚动的效果了。
阅读全文