el-card 滚动条
el-card 是 Element UI 中的一个卡片组件,而滚动条可以使用 CSS 样式中的 overflow 属性来实现。因此,要在 el-card 组件中添加滚动条,你需要将 el-card 包含在一个具有 overflow 属性的容器中。
具体来说,你可以将 el-card 包含在一个具有固定高度和 overflow 属性的 div 元素中。在这个 div 元素中添加 el-card,然后使用 CSS 样式对这个 div 元素进行样式调整。
以下是一个基本的示例代码:
<div class="card-container">
<el-card>
<!-- el-card 的内容 -->
</el-card>
</div>
.card-container {
height: 200px; /* 设置固定高度 */
overflow-y: auto; /* 显示垂直滚动条 */
}
在上面的代码中,创建了一个高度为 200 像素的 div 元素,将 el-card 包含在其中,并设置了 overflow-y 属性为 auto,以显示垂直滚动条。 其实,就是要给外层元素设置一个高度,然后内层的元素超出高度后,就会显示滚动条
可以根据自己的需求来调整容器的样式和 el-card 的内容。