文件项File
你可能会说
传上来的附件得能看到文件名和大小，还能删掉。
文件项是展示单个文档、图片或附件名称、状态和操作的界面单元上传完成列表可显示“项目计划.pdf、2.4 MB、已上传”。文件名应最显眼，类型和状态作补充；不能只放一个图标让用户猜文件内容。
也常被叫作文件卡片文件列表项
容易混淆？这样区分
什么时候用
- 已上传附件：让用户确认已选择的文件📄项目计划.pdfPDF
- 项目资料列表：按类型和更新时间浏览文件📄项目计划.pdfPDF
- 聊天中的文件：显示可下载的名称和大小📄项目计划.pdfPDF
什么时候不用
- 尚未选择文件：使用 上传 Upload 提供上传入口📄项目计划.pdfPDF
- 只显示文件图标，未提供可读文件名📄项目计划.pdfPDF
- 将文件状态或删除操作隐藏得难以找到📄项目计划.pdfPDF
组成结构 · Anatomy
📄项目计划.pdf2.4 MB · PDF↓
图标和文字一起帮用户识别文件
名称优先，大小和状态作辅助
下载、预览或更多操作清楚可达
常见变体 · Variants
紧凑行Compact
📄计划.pdf
聊天和窄列表
带上传状态Status
📄计划.pdf上传中 66%
传输正在进行时
卡片Card
🖼封面.png4.8 MB
图片或文件需要预览时
典型使用场景
上传完成列表
📄需求文档.pdf昨天 14:20 · 1.8 MB↓
项目资料区
🖼首页设计稿.png版本 3 · 4.8 MB⋯
聊天附件
📎会议纪要.docx林小hu · 12:30↓