feat: 添加当前日期时间展示组件

songshankun

2023-10-28 a213f6bfca8c129680c7e4ef53f3391d3347fc38

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<template>
  <div class="current-date-time">
    {{ time }}
  </div>
</template>
 
<script setup lang="ts">
import { useDateFormat, useNow } from '@vueuse/core'
 
const time = useDateFormat(useNow(), 'YYYY[年] MM[月] DD[日] dddd HH:mm:ss', { locales: 'zh-cn' })
</script>
<style scoped lang="scss">
$color: #30decd;
 
.current-date-time {
  width: 370px;
  color: $color;
  font-size: 24px;
  font-weight: 600;
}
</style>