feat: 前端搭建

Yi.Ai.Vue3/src/pages/chat/index.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import ChatDefaul from '@/pages/chat/layouts/chatDefaul/index.vue';
+import ChatWithId from '@/pages/chat/layouts/chatWithId/index.vue';
+
+const route = useRoute();
+const sessionId = computed(() => route.params?.id);
+</script>
+
+<template>
+  <div class="chat-container">
+    <!-- 默认聊天页面 -->
+    <ChatDefaul v-if="!sessionId" />
+    <!-- 带id的聊天页面 -->
+    <ChatWithId v-else />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chat-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: calc(100% - 32px);
+  height: 100%;
+  padding: 0 16px;
+  overflow-anchor: none;
+}
+</style>