teek文档模板

 1<script setup lang="ts" name="GlobalGreet">
 2import { TkMessage } from "vitepress-theme-teek";
 3import { ref, watch } from "vue";
 4import { useRoute } from "vitepress";
 5
 6const route = useRoute();
 7
 8const hasGreet = ref(false);
 9const duration = 4000;
10
11const greet = () => {
12  console.log(1);
13  if (hasGreet.value) return;
14
15  hasGreet.value = true;
16  setTimeout(() => {
17    hasGreet.value = false;
18  }, duration);
19
20  const now = new Date();
21  let hours = now.getHours();
22  let minutes = now.getMinutes();
23  let seconds = now.getSeconds();
24
25  const timeStr = `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(
26    2,
27    "0"
28  )}`;
29  const message = getGreetingMessage(hours, timeStr);
30
31  TkMessage.info({ message, duration, plain: true });
32};
33
34const getGreetingMessage = (hours: number, timeStr: string) => {
35  if (hours >= 6 && hours < 11) {
36    return `早上好呀~~，现在是 ${timeStr}，吃早餐了吗？😊🤭`;
37  }
38
39  if (hours >= 12 && hours <= 16) {
40    return `下午好呀~~，现在是 ${timeStr}，繁忙的下午也要适当休息哦🥤🏀~~`;
41  }
42
43  if (hours >= 16 && hours <= 19) {
44    return `到黄昏了~~，现在是 ${timeStr}，该准备吃饭啦🥗🍖~~`;
45  }
46
47  if (hours >= 19 && hours < 24) {
48    return `晚上好呀~~，现在是 ${timeStr}，该准备洗漱睡觉啦🥱😪~~`;
49  }
50
51  if (hours >= 0 && hours < 6) {
52    return `别再熬夜了~~，现在是 ${timeStr}，早点睡吧，让我们一起欣赏早上的太阳~~😇🛏`;
53  }
54
55  return `你好呀！现在是 ${timeStr}。`;
56};
57
58watch(route, greet, { immediate: true });
59</script>
60
61<template></template>

1import GlobalGreet from "./GlobalGreet.vue"; //导入全局问候组件
2
3
4  <!-- 全局问候 -->
5  <GlobalGreet />