描述列表
Descriptions
初级通用描述列表(Descriptions)是一种把对象的字段名和值成对展示的界面组件,常见于订单、用户或设备的详情页。它让你把分散的信息整理成便于浏览的概览,用户不用逐段阅读就能找到「创建时间」或「当前状态」。
你可能会说:「帮我把订单详情里的编号、状态、创建时间和收货地址排成一组好找的信息。」
动手看看订单详情的字段概览
订单详情线上商城 · 最近更新于 14:32
交易记录
订单编号
MS-20250518-0426
复制
当前状态
已付款
实付金额
¥328.00
创建时间
2025-05-18 14:26
支付方式
微信支付
配送进度
待发货
字段排列
描述列表把字段名和值放在一起,找「创建时间」或「当前状态」不用通读整页。切换字段排列、悬停任意字段,再试试订单号旁的复制入口。
双列适合字段较多、页面够宽的详情页:每组名称在上、值在下,六项信息能更快扫完。
要点描述列表怎样组织一条记录的信息?
- 1
字段名和值配对展示
你可以把每一项理解成一个问题和它的答案:例如「订单编号」对应具体编号。因为字段名始终跟着值,用户扫到某个值时,能马上知道它代表什么。
- 2
按阅读顺序安排字段
同一条记录也有信息轻重。做订单详情时,我们可以先放状态、金额,再放创建时间和备注;这样用户先看到最关心的内容,不用在一堆字段里寻找。
- 3
长内容留出展示空间
地址、备注可能比编号长。如果每项都挤进同样窄的空间,文字就容易断得难读。你可以让长字段占一整行,并让小屏幕上的字段自然换行。
容易混淆的地方
描述列表主要回答「这一条记录有哪些属性」,通常用于阅读。表单也有字段名和字段值,但重点是让用户填写或修改;如果要编辑资料,表单更合适。表格则把多条记录放在同一组列下,方便横向比较;如果要对比几十笔订单,就不必为每笔订单各做一组描述列表。
什么时候用
适合用
- 后台订单详情页要展示一笔订单的状态、金额、时间和配送信息,让客服快速查到字段。
- AI 工具生成一份任务结果后,要展示本次任务的模型、耗时、输出格式和文件位置。
- 设备管理页点开某台设备后,要查看序列号、所属团队、最近上线时间等属性。
不适合用
- 用户正要填写收货地址或修改手机号时,重点是输入和校验,用表单承载这段操作。
- 运营人员要一次比较几十笔订单的金额和状态时,用表格呈现多条记录更方便。
- 页面只需展示一段连贯的产品介绍时,直接用段落文字,比拆成字段和值更自然。
练一练选一个答案,看看解释
你在做订单后台:客服点开某笔订单后,要快速查看编号、状态、金额和创建时间;修改订单是另一个操作。详情区域选哪种呈现方式?
让 AI 帮你做复制给 AI Agent 直接用
请把订单详情页的只读信息做成描述列表:字段名和值成对展示,先放状态、编号和金额,再放时间与收货信息。地址较长时给它足够的展示空间;在小屏幕上让字段自然换行。编辑操作另设入口,不要把详情区做成可输入表单。