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:46:04 +08:00
parent c8cf012bfd
commit ef251130a2
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -119,15 +119,15 @@
<!-- 发送中 -->
<div v-if="msg.sending" class="message-bubble message-sending">
<template v-if="msg.tempType === 'image'">
<div class="uploading-placeholder">
<div class="uploading-mini">
<el-icon class="is-loading"><Loading /></el-icon>
<span>图片发送中...</span>
<span>发送中</span>
</div>
</template>
<template v-else-if="msg.tempType === 'file'">
<div class="uploading-placeholder">
<div class="uploading-mini">
<el-icon class="is-loading"><Loading /></el-icon>
<span>{{ msg.fileName || '文件' }} 发送中...</span>
<span>发送中</span>
</div>
</template>
<template v-else>{{ msg.content }}</template>
@@ -717,6 +717,9 @@ onUnmounted(() => { if (unsubscribeWs) unsubscribeWs() })
.uploading-placeholder .el-icon { font-size: 32px; color: #409eff; }
.uploading-placeholder span { font-size: 12px; }
.uploading-mini { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; color: #409eff; font-size: 12px; background: #ecf5ff; border-radius: 4px; }
.uploading-mini .el-icon { font-size: 14px; }
.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; }