antd card组件想做一个折叠功能请问怎么实现呢

Question

这个卡片每个都是遍历出来的,想在每个卡片上加个折叠，想到用bodyStyle设置卡片body但是怎么控制各个卡片的样式呢，谢谢各位

<div v-for="(colItem, idnex) in record.columns">
    <a-card :bodyStyle="{display:'block'}">
        <a slot="extra" href="javascript:void()">+</a>
    </a-card>
</div>

Answer 1

可以参考Ant Design Vue的Collapse 折叠面板组件