| <template> | |
| <div class="card"> | |
| <div v-if="$slots.header" class="card-header"> | |
| <slot name="header" /> | |
| </div> | |
| <div class="card-content"> | |
| <slot /> | |
| </div> | |
| <div v-if="$slots.footer" class="card-footer"> | |
| <slot name="footer" /> | |
| </div> | |
| </div> | |
| </template> | |
| <script setup lang="ts"> | |
| // 卡片组件不需要额外的逻辑，主要依赖CSS类 | |
| </script> |