Ant Design Card组件加载效果实现及高度设置
在Ant Design中,可以使用Spin组件来实现加载效果,并将其嵌套在Card组件中。
首先,确保已经引入了Spin组件:
import { Spin } from 'antd';
然后,在Card标签内部嵌套Spin组件,并设置Spin组件的高度为所需的加载效果高度,例如:
<Card>
<Spin style={{ height: '200px' }} />
{/* Card内容 */}
</Card>
在上述代码中,将Spin组件嵌套在Card组件内,并使用内联样式设置Spin组件的高度为200px。
这样,在Card组件加载时,Spin组件将会显示加载效果,并且具有指定的高度。
原文地址: https://www.cveoy.top/t/topic/pksf 著作权归作者所有。请勿转载和采集!