From a213f6bfca8c129680c7e4ef53f3391d3347fc38 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期六, 28 十月 2023 18:17:21 +0800 Subject: [PATCH] feat: 添加当前日期时间展示组件 --- src/views/dashboard/index.vue | 17 +++++++++++++++-- 1 files changed, 15 insertions(+), 2 deletions(-) diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index ea2a7f4..bea368b 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -10,7 +10,11 @@ <template #middleBlock2>涓荤湅鏉�</template> <template #middleBlock3>浠诲姟璇︽儏</template> <template #middleBlock4>浜哄憳淇℃伅</template> - <template #rightBlock1>鏃堕棿</template> + <template #rightBlock1> + <div class="date-time"> + <CurrentDateTime></CurrentDateTime> + </div> + </template> <template #rightBlock2>鐘舵�侀潰鏉�</template> <template #rightBlock3>鐭ヨ瘑搴�</template> </DashboardLayout> @@ -22,6 +26,7 @@ import type { Task } from '@/api/task' import { chain } from 'lodash-es' import TaskTabs from '@/views/dashboard/components/TaskTabs.vue' +import CurrentDateTime from '@/views/dashboard/components/CurrentDateTime.vue' defineOptions({ name: 'DashboardView' @@ -55,4 +60,12 @@ }) </script> -<style scoped></style> +<style scoped> +.date-time { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding-top: 12px; +} +</style> -- Gitblit v1.8.0