From b854a2ca787a4a78b87c7a31ec4d6908e7f92275 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 26 三月 2025 16:47:12 +0800
Subject: [PATCH] 完善页面
---
src/components/AiChat.vue | 14 ++++++++------
1 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/AiChat.vue b/src/components/AiChat.vue
index daf8127..f3e687b 100644
--- a/src/components/AiChat.vue
+++ b/src/components/AiChat.vue
@@ -1,5 +1,5 @@
<template>
- <div class="ai-chat-dialog">
+ <div style="position: relative;height: 800px;width: 100%;display: flex;justify-content: center">
<!-- 鑱婂ぉ娑堟伅鍒楄〃 -->
<div class="chat-messages">
<div
@@ -20,9 +20,8 @@
<!-- 杈撳叆妗� -->
<div class="chat-input">
<el-input
- style="width: 50%"
v-model="inputMessage"
- placeholder="璇疯緭鍏ユ秷鎭�"
+ placeholder="璇疯緭鍏ユ秷鎭紝鎸変笅鍥炶溅鍙戦��"
@keyup.native.enter="sendMessage"
>
<div slot="append">
@@ -140,9 +139,11 @@
}
.chat-messages {
- flex: 1;
padding: 16px;
+ margin-top: 14px;
overflow-y: auto;
+ width: 800px;
+ height: 680px;
}
.message {
@@ -191,13 +192,14 @@
.chat-input {
padding: 16px;
background-color: #fff;
- border-top: 1px solid #ddd;
+ width: 800px;
display: flex;
- width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
bottom: 70px;
+ left: 50%; /* 灏� div 鐨勫乏杈圭Щ鍔ㄥ埌鐖跺鍣ㄧ殑 50% 浣嶇疆 */
+ transform: translateX(-50%); /* 灏� div 鍚戝乏绉诲姩鑷韩瀹藉害鐨� 50% */
}
</style>
--
Gitblit v1.8.0