mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-07 10:12:27 +08:00
44e7117d4a
- 更新 avatar-image, badge, checkbox, input, switch 等组件 - 优化 dialog, pagination, select-item, tabs 等组件 - 调整 table-card, refresh-button 组件
43 lines
876 B
Vue
43 lines
876 B
Vue
<template>
|
||
<Card class="overflow-hidden">
|
||
<!-- 标题和操作栏 -->
|
||
<div
|
||
v-if="$slots.header || title"
|
||
class="px-6 py-3.5 border-b border-border/60"
|
||
>
|
||
<slot name="header">
|
||
<div class="flex items-center justify-between gap-4">
|
||
<!-- 左侧：标题 -->
|
||
<h3 class="text-base font-semibold">
|
||
{{ title }}
|
||
</h3>
|
||
|
||
<!-- 右侧：操作区 -->
|
||
<div
|
||
v-if="$slots.actions"
|
||
class="flex items-center gap-2"
|
||
>
|
||
<slot name="actions" />
|
||
</div>
|
||
</div>
|
||
</slot>
|
||
</div>
|
||
|
||
<!-- 表格内容 -->
|
||
<slot />
|
||
|
||
<!-- 分页 -->
|
||
<slot name="pagination" />
|
||
</Card>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { Card } from '@/components/ui'
|
||
|
||
interface Props {
|
||
title?: string
|
||
}
|
||
|
||
defineProps<Props>()
|
||
</script>
|