ant-design-vue

894 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"
  />
  <ul class="ant-card-actions" slot="actions">
    <li style="width: 33.3333%;"><a-icon type="setting" /></li>
    <li style="width: 33.3333%;"><a-icon type="edit" /></li>
    <li style="width: 33.3333%;"> <a-icon type="ellipsis" /></li>
  </ul>
  <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>

894 B Raw Blame History

894 B

Raw Blame History