列表页和详情页怎么选布局
按字段多少、是否需要比较、靠文字还是图片挑选，选出合适的列表布局，再为详情选对查看方式。
同样是「一堆数据」，放进哪种布局，取决于内容长什么样、用户要拿它做什么。先回答三个问题：每条有几个字段？要不要互相比较？靠文字还是靠图片挑选？
列表页：按内容选布局
- 数据表：条目结构相同、每条四个以上字段、需要排序筛选和逐列比较。后台的订单、用户、商品管理基本都是它，上方配筛选栏。
- 简单列表：每条只有两三个字段，用户扫一眼认出目标就点进去，比如消息、通知。
- 卡片网格：每条有封面图和三五个字段，靠浏览挑选，比如商品、课程、模板。
- 瀑布流：图片为主、宽高比不一、不想裁切，适合随意逛。
- 画廊：几乎只有图片，要一次看很多张、点开看大图。
- 信息流：每条都是能直接读的完整内容，可以点赞评论，比如动态。
- 看板：每条任务处在某个状态，会在几个状态之间流转，比如待处理、进行中、已完成。
- 时间线：同一件事按时间先后发生的记录，比如审批记录、物流轨迹。
常见的错法正好反过来：几百条要比较的记录做成大卡片，或者图片为主的商品塞进表格。
数据多时，后台用分页，方便定位和回查；动态、图片这类连续浏览的内容更适合无限滚动。列表为空时要有空状态，说明原因并给出下一步操作。
详情页：按查看方式选
- 描述列表：展示一条记录的各项属性，「字段名 + 值」成对排列，字段多时按业务含义分组。
- 标签页：详情分成几块平级信息，比如基本信息、操作记录、日志，按需切换查看。
- 抽屉：在列表页上从侧边滑出，看完关掉，列表还停在原来的位置。
- 主从布局：用户要一条接一条地处理记录，左边列表、右边详情，原地切换不跳页。
怎么跟 AI 描述
订单列表用数据表，列为：订单号、客户、金额（右对齐，保留两位小数）、状态（用标签）、下单时间、操作。上方是筛选栏，下方是分页。点击订单号从右侧打开抽屉，用描述列表分「基本信息」「收货信息」「支付信息」三组展示详情。
客服工单页改成主从布局：左侧工单列表只显示标题、客户和状态，右侧显示选中工单的详情和回复框。左侧列表要有选中态，两栏各自独立滚动。