feat: 搭建聊天的页面

This commit is contained in:
zoujing
2026-01-13 16:04:15 +08:00
parent 97d181af8a
commit 521d96b673
4 changed files with 90 additions and 7 deletions

View File

@@ -1,15 +1,17 @@
<template>
<div class="bg-white h-full w-full p-[20px]">
<div class="bg-[#f7f9fc] h-full w-full px-[20px]">
<div class="flex h-full w-full flex-col md:flex-row">
<message-list class="flex-none w-64" />
<div class="flex-1 overflow-auto p-5">
<chat-guide />
<chat-history class="flex-none w-64" />
<div class="flex-1 overflow-auto px-5 bg-white rounded-xl">
<!-- <chat-guide /> -->
<chat-box />
</div>
</div>
</div>
</template>
<script setup lang="ts">
import MessageList from './MessageList.vue'
import ChatHistory from './ChatHistory.vue'
import ChatGuide from './ChatGuide.vue'
import ChatBox from './ChatBox.vue'
</script>