feat: 前端搭建

Yi.Ai.Vue3/src/components/WelecomeText/index.vue

@@ -0,0 +1,36 @@
+<!-- 欢迎提示词 -->
+<script setup lang="ts">
+import { Typewriter } from 'vue-element-plus-x';
+import { useTimeGreeting } from '@/hooks/useTimeGreeting';
+import { useUserStore } from '@/stores';
+
+const greeting = useTimeGreeting();
+const userStore = useUserStore();
+
+const username = computed(() => userStore.userInfo?.username ?? '我是 Element Plus X');
+</script>
+
+<template>
+  <div
+    class="welcome-text w-full flex flex-wrap items-center justify-center text-center text-lg font-semibold mb-32px mt-12px font-size-32px line-height-32px"
+  >
+    <Typewriter
+      :content="`${greeting}好，${username}`"
+      :typing="{
+        step: 2,
+        interval: 45,
+      }"
+      :is-fog="{
+        bgColor: '#fff',
+      }"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+:deep {
+  .typer-container {
+    overflow: initial;
+  }
+}
+</style>