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

This commit is contained in:
2026-04-02 17:28:53 +08:00
parent bd3369092c
commit c8cf012bfd

View File

@@ -181,7 +181,7 @@
</el-button>
</el-tooltip>
<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>
<el-button link style="font-size:18px">😊</el-button>
</template>
@@ -709,10 +709,14 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
.chat-input-area :deep(.el-textarea) { flex: 1; }
.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: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-row { display: flex; gap: 8px; font-size: 12px; line-height: 1.5; }
.user-info-label { font-weight: 500; min-width: 50px; color: #303133; }