diff --git a/web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue b/web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue index ff56709e..c72fced1 100644 --- a/web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue +++ b/web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue @@ -376,12 +376,17 @@ {{ file.fileSize }} +
+ + {{ file.createTime }} + +
- - {{ file.folderName }} - + + {{ file.folderName }} +
@@ -1039,7 +1044,7 @@ const handleFolderModalClose = () => { }; async function downloadFiles(myFiles: BizMyfiles) { - message.success("文件下载已开始..."); + message.success("文件正在下载中,请稍后..."); const { ctxAdminPath } = useGlobSetting(); await downloadByUrl({ url: ctxAdminPath + '/biz/myfiles/downloadFile', @@ -1429,13 +1434,14 @@ onMounted(() => { box-sizing: border-box; } +/* 核心修改:调整卡片高度为适配3行内容 */ .file-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 248, 255, 0.95) 100%); border: 1px solid rgba(179, 217, 242, 0.6); border-radius: 10px; transition: all 0.2s ease; box-sizing: border-box; - height: 100px; + height: 120px; /* 从100px调整为120px,适配新增的日期作者行 */ padding: 0; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); @@ -1446,7 +1452,7 @@ onMounted(() => { flex-direction: column; height: 100%; width: 100%; - padding: 0 4px; + padding: 4px; /* 增加内边距,让内容更舒适 */ } .file-card:hover { @@ -1460,7 +1466,6 @@ onMounted(() => { align-items: center; justify-content: space-between; width: 100%; - padding-top: 2px; padding-bottom: 4px; flex-shrink: 0; } @@ -1504,19 +1509,48 @@ onMounted(() => { height: 1px; background-color: rgba(179, 217, 242, 0.4); opacity: 0.5; - margin: 0 0 4px 0; + margin: 4px 0; /* 调整分隔线间距 */ flex-shrink: 0; } +/* 新增:日期和作者行样式 */ +.file-card-meta { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 2px 0; + flex-shrink: 0; +} + +.file-card-date { + font-size: 10px; + color: #668799; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1; + text-align: right; +} + +.file-card-author { + font-size: 10px; + color: #668799; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex-shrink: 0; + margin-left: 8px; + text-align: left; +} + /* 优化:重写file-card-actions样式 */ .file-card-actions { display: flex; align-items: center; justify-content: space-between; /* 左右分布 */ gap: 8px; - margin-top: auto; - margin-bottom: 2px; - padding: 0 4px; + margin-top: auto; /* 固定在底部 */ width: 100%; flex-shrink: 0; }