ant-design-vue

803 B

Raw Blame History

#### 支持更多内容配置一种支持封面、头像、标题和描述信息的卡片。 #### Support more content configuration A Card that supports `cover`, `avatar`, `title` and `description`.

<template>
<a-card
  hoverable
  style="width: 300px"
>
  <img
    alt="example"
    src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
    slot="cover"
  />
  <template class="ant-card-actions" slot="actions">
    <a-icon type="setting" />
    <a-icon type="edit" />
    <a-icon type="ellipsis" />
  </template>
  <a-card-meta
    title="Card title"
    description="This is the description">
    <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
  </a-card-meta>
</a-card>
</template>

803 B Raw Blame History

803 B

Raw Blame History