Card 卡片

AuCard 是一个空卡片容器，只提供背景、边框、圆角、阴影和内边距。

基础卡片

工作区与显示

这是一个空卡片，内容完全由默认插槽提供。

vue

<template>
  <div class="card-demo">
    <AuCard>
      <h3>工作区与显示</h3>
      <p>这是一个空卡片，内容完全由默认插槽提供。</p>
    </AuCard>
  </div>
</template>
<script setup>
import { AuCard } from 'aurora-plus';
</script>
<style scoped>
.card-demo {
  width: min(420px, 100%);
  margin: 0 auto;
}
.card-demo h3 {
  margin: 0 0 8px;
}
.card-demo p {
  margin: 0;
  color: var(--au-color-text-secondary);
}
</style>

Slots

插槽名	说明
default	卡片内容