manager/system-file
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

云文件管理系统上传组件优化

Browse Source
This commit is contained in:
gaoxq
2026-04-02 17:28:53 +08:00
parent bd3369092c
commit c8cf012bfd
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web-vue/src/components/ChatDialog.vue
View File

@@ -181,7 +181,7 @@
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="表情"> <el-tooltip content="表情">
<el-popover placement="top" :width="400" trigger="click" v-model:visible="emojiVisible"> <el-popover placement="top" :width="440" :height="280" trigger="click" v-model:visible="emojiVisible">
<template #reference> <template #reference>
<el-button link style="font-size:18px">😊</el-button> <el-button link style="font-size:18px">😊</el-button>
</template> </template>
@@ -709,10 +709,14 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
.chat-input-area :deep(.el-textarea) { flex: 1; } .chat-input-area :deep(.el-textarea) { flex: 1; }
.send-btn { align-self: flex-end; } .send-btn { align-self: flex-end; }
.emoji-panel { display: grid; grid-template-columns: repeat(10, 1fr); gap: 8px; } .emoji-panel { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; padding: 4px; }
.emoji-item { font-size: 20px; cursor: pointer; text-align: center; padding: 4px; border-radius: 4px; transition: all 0.2s; } .emoji-item { font-size: 20px; cursor: pointer; text-align: center; padding: 4px; border-radius: 4px; transition: all 0.2s; }
.emoji-item:hover { background: #f0f0f0; transform: scale(1.2); } .emoji-item:hover { background: #f0f0f0; transform: scale(1.2); }
.uploading-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 20px; color: #909399; }
.uploading-placeholder .el-icon { font-size: 32px; color: #409eff; }
.uploading-placeholder span { font-size: 12px; }
.user-info-popover { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; } .user-info-popover { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; }
.user-info-row { display: flex; gap: 8px; font-size: 12px; line-height: 1.5; } .user-info-row { display: flex; gap: 8px; font-size: 12px; line-height: 1.5; }
.user-info-label { font-weight: 500; min-width: 50px; color: #303133; } .user-info-label { font-weight: 500; min-width: 50px; color: #303133; }