ant-design-vue/components/card/demo/flexible-content.vue

29 lines
563 B
Vue

<docs>
---
order: 2
title:
zh-CN: 更灵活的内容展示
en-US: Customized content
---
## zh-CN
可以利用 `Card.Meta` 支持更灵活的内容
## en-US
You can use `Card.Meta` to support more flexible content.
</docs>
<template>
<a-card hoverable style="width: 240px">
<template #cover>
<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />
</template>
<a-card-meta title="Europe Street beat">
<template #description>www.instagram.com</template>
</a-card-meta>
</a-card>
</template>