摆内容
列表
List
「一行一行竖着排」「聊天记录那种」「竖着的一列」「歌单那样的」「每条一行」「上下滑的那列」「清单样式」
LIVE DEMO真实可交互，动手试试
- 英文名
- List
- 别名 · 俗称
- 清单竖排列表列表项shadcn: Item
- Web 叫法
- List
- 大白话定义
- 一行一个条目竖着排下来，像聊天记录、歌单那样，适合快速上下扫。
- 部位拆解
- 列表项 Item每一行就是一个条目，可点击
- 行内图标 Leading行首的头像或小图标
- 分割线 Separator行与行之间的细线，方便扫读
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个消息列表（List）：每行左侧头像（Avatar）、中间昵称和摘要，点击整行进入详情页
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的列表（List）。逐一排除：长列表没做虚拟滚动，几千行一次性渲染直接卡死；key 用了数组下标，增删行后组件状态错乱；行内按钮点击冒泡，误触发整行跳转；最后一行下面还多挂了一条分割线。症状是：