```yaml
title:
  zh-CN: 基本用法
  en-US: Basic Usage
```

## zh-CN

`a-dashboard-card` 卡片 基本使用

---

```vue
<template>
  <DashboardCard :data="data">
    <template #more>
      <Doption>发布</Doption>
      <Doption>编辑</Doption>
    </template>
  </DashboardCard>
</template>

<script lang="ts" setup>
  import { reactive } from 'vue'
  import { Doption } from '@arco-design/web-vue'
  import DashboardCard from '@dangojs/a-dashboard-card'
  const getText = (count = 1) =>
    new Array(Math.ceil(Math.random() * 10 + count)).fill('数势').join('')
  const data = reactive({
    name: getText(20),
    desc: getText(30),
    state: '已发布',
    count: 11,
    createBy: '张三'
  })
</script>
```