文件项File
内容与数据展示把文件名、类型、大小和操作清楚放在一起
也常被叫作文件卡片文件列表项
文件项用一条记录或一张卡片展示文档、图片和附件，常出现在上传列表、项目资料区和聊天消息里。文件名要最容易看到，类型、大小和状态作为补充；不能只放一个文件图标，让用户自己猜里面是什么。
🖼首页设计稿.png4.8 MB · 已上传✓
📄项目计划.pdf2.4 MB · 上传中66%
容易混淆？这样区分
什么时候用
- 已上传附件：让用户确认选择了什么📄项目计划.pdfPDF
- 项目资料列表：按类型和更新时间快速扫描📄项目计划.pdfPDF
- 聊天里的文件：显示可下载的名称和大小📄项目计划.pdfPDF
什么时候不用
- 还没有文件时 → 用 上传 Upload 的空入口📄项目计划.pdfPDF
- 只放文件图标，不显示可读文件名📄项目计划.pdfPDF
- 把文件状态和删除动作藏得太深📄项目计划.pdfPDF
组成结构 · Anatomy
📄项目计划.pdf2.4 MB · PDF↓
1类型提示Type图标和文字一起帮用户识别文件
2文件信息Name名称优先，大小和状态作辅助
3操作Action下载、预览或更多操作清楚可达
常见变体 · 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↓