xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-10 11:13:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化聊天页面事件处理

Browse Source
This commit is contained in:
RockYang
2023-03-17 17:49:45 +08:00
parent 9477b96629
commit 729612275b
4 changed files with 193 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/ChatPrompt.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="chat-line chat-line-right">
<div class="chat-item">
<span class="content">{{ content }}</span>
<div class="content">{{ content }}</div>
<div class="triangle"></div>
</div>
@@ -38,6 +38,10 @@ export default defineComponent({
.chat-icon {
margin-left 5px;
img {
border-radius 5px;
}
}
.chat-item {
@@ -57,7 +61,7 @@ export default defineComponent({
}
.content {
float: right;
word-break break-word;
padding: 5px 10px;
background-color: #98E165;
color var(--content-color);

8
web/src/components/ChatReply.vue
View File

@@ -6,7 +6,7 @@
<div class="chat-item">
<div class="triangle"></div>
<span class="content">{{ content }}</span>
<div class="content">{{ content }}</div>
</div>
</div>
</template>
@@ -38,6 +38,10 @@ export default defineComponent({
.chat-icon {
margin-right 5px;
img {
border-radius 5px;
}
}
.chat-item {
@@ -58,7 +62,7 @@ export default defineComponent({
}
.content {
float: left;
word-break break-word;
padding: 8px 10px;
color var(--content-color)
background-color: #fff;