<template>
	<div class="dashboard-container">
		<!-- 欢迎组件 -->
		<div class="welcome-section">
			<Welcome />
		</div>

		<!-- 快速操作组件 -->
		<div class="quick-actions-section">
			<QuickActions />
		</div>
	</div>
</template>

<script setup>
import Welcome from './components/Welcome.vue'
import QuickActions from './components/QuickActions.vue'

// 定义组件名称
defineOptions({
	name: 'HomePage',
})
</script>

<style scoped lang="scss">
.dashboard-container {
	padding: 20px;
	background: #f0f2f5;

	.welcome-section {
		margin-bottom: 20px;
	}

	.quick-actions-section {
		:deep(.ant-card) {
			border-radius: 8px;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		}
	}

	// 响应式调整
	@media (max-width: 768px) {
		padding: 10px;

		.welcome-section {
			margin-bottom: 10px;
		}
	}
}
</style>
