Card 卡片 ​

<template>
  <w-card style="max-width: 480px">
    <template #header>
      <div class="card-header">
        <span>标题</span>
      </div>
    </template>
    <p v-for="o in 2" :key="o" class="text item">{{ '列表 ' + o }}</p>
    <template #footer>Footer content</template>
  </w-card>
</template>

<template>
  <div class="flex flex-wrap gap-4">
    <w-card style="width: 480px" shadow="always">Always</w-card>
    <w-card style="width: 480px" shadow="hover">Hover</w-card>
    <w-card style="width: 480px" shadow="never">Never</w-card>
    <w-card style="width: 480px" shadow="hover" interactive>interactive</w-card>
  </div>
</template>

<template>
  <w-card style="max-width: 480px">
    <p v-for="o in 2" :key="o" class="text item">{{ '选项 ' + o }}</p>
  </w-card>
</template>