From f8fb00cadd0e1fdff158d7da666063a42bc29dc7 Mon Sep 17 00:00:00 2001 From: qiutianhong Date: Wed, 6 Nov 2024 09:05:35 +0800 Subject: [PATCH] =?UTF-8?q?add=EF=BC=9A=E6=96=B0=E5=A2=9E=E5=88=9B?= =?UTF-8?q?=E5=BB=BA=E7=BE=A4=E4=BC=9A=E6=8E=A8=E9=80=81=E6=B6=88=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/components.d.ts | 3 + frontend/src/components/chat/Chat.vue | 21 +++-- frontend/src/components/chat/ChatBox.vue | 27 +++++- frontend/src/components/chat/ChatMsgList.vue | 11 ++- frontend/src/components/chat/ChatUserList.vue | 6 -- frontend/src/components/chat/chatUserInfo.vue | 10 +- frontend/src/stores/chat.ts | 94 ++++++++++++++----- 7 files changed, 129 insertions(+), 43 deletions(-) diff --git a/frontend/components.d.ts b/frontend/components.d.ts index 522afce..048fa33 100644 --- a/frontend/components.d.ts +++ b/frontend/components.d.ts @@ -61,6 +61,9 @@ declare module 'vue' { ElContainer: typeof import('element-plus/es')['ElContainer'] ElDialog: typeof import('element-plus/es')['ElDialog'] ElDrawer: typeof import('element-plus/es')['ElDrawer'] + ElDropdown: typeof import('element-plus/es')['ElDropdown'] + ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem'] + ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu'] ElEmpty: typeof import('element-plus/es')['ElEmpty'] ElFooter: typeof import('element-plus/es')['ElFooter'] ElForm: typeof import('element-plus/es')['ElForm'] diff --git a/frontend/src/components/chat/Chat.vue b/frontend/src/components/chat/Chat.vue index a8a29db..79f826c 100644 --- a/frontend/src/components/chat/Chat.vue +++ b/frontend/src/components/chat/Chat.vue @@ -132,6 +132,10 @@ :data="data" :titles="['可选项', '已选项']" filterable + :style="{ + height: store.groupTitle === '创建群聊' ? '250px' : '350px', + }" + filter-placeholder="搜索用户名" :props="{ key: 'key', label: 'label', avatar: 'avatar' }" class="transfer-container" > @@ -169,22 +173,25 @@ display: flex; flex-direction: row; /* 将布局方向设置为横向 */ width: 550px; /* 让穿梭框占满宽度 */ + justify-content: center; + align-items: center; .el-transfer__buttons { display: flex; justify-content: space-evenly; align-items: center; - width: 160px; + width: 120px; padding: 0 0 !important; .el-button { - width: 50px !important; + width: 40px !important; + height: 30px !important; + background-color: #0078d4; + color: #fff; } } } - .el-transfer { - display: flex; - flex-direction: row; /* 将布局方向设置为横向 */ - width: 550px; /* 让穿梭框占满宽度 */ - height: 250px; + + ::v-deep .el-dialog .el-dialog__header { + border: none !important; } ::v-deep .el-transfer-panel { diff --git a/frontend/src/components/chat/ChatBox.vue b/frontend/src/components/chat/ChatBox.vue index d4f30ee..8bfb68c 100644 --- a/frontend/src/components/chat/ChatBox.vue +++ b/frontend/src/components/chat/ChatBox.vue @@ -3,7 +3,6 @@ class="chatbox-main" v-if="store.targetChatId" > -
@@ -15,10 +14,13 @@ {{ store.targetGroupInfo.displayName }}{{ 1 }}{{ store.targetGroupInfo.displayName }} -
+
+
+ + + + +
+