From 5eac327aaf786a26b90c49b3a5a0682aa83e64dc Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 20 三月 2025 16:18:24 +0800
Subject: [PATCH] 样式调整
---
src/App.vue | 12 ------------
src/components/AiChat.vue | 10 +++++-----
2 files changed, 5 insertions(+), 17 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index e59d8dd..aada410 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,16 +13,4 @@
color: #2c3e50;
}
-nav {
- padding: 30px;
-
- a {
- font-weight: bold;
- color: #2c3e50;
-
- &.router-link-exact-active {
- color: #42b983;
- }
- }
-}
</style>
diff --git a/src/components/AiChat.vue b/src/components/AiChat.vue
index daf8127..2e01898 100644
--- a/src/components/AiChat.vue
+++ b/src/components/AiChat.vue
@@ -1,5 +1,5 @@
<template>
- <div class="ai-chat-dialog">
+ <div>
<!-- 鑱婂ぉ娑堟伅鍒楄〃 -->
<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">
@@ -191,13 +190,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