信息流

Feed

布局模式也叫：动态流、Feed 流、推荐流、内容流、News Feed

一句话：一条接一条纵向排列的完整内容，每条带作者、正文、配图和点赞评论等互动，用户在流里直接阅读并不断下滑加载。

详细解释

信息流就是微博、朋友圈、知乎首页那种布局：内容从上到下一条条排开，每条是一个完整的「帖子」，顶部是头像、昵称和发布时间，中间是正文和图片，底部是点赞、评论、转发按钮。用户不用点进去，在流里就能读完并互动。

每条内容长短不一：有的只有一句话，有的带九宫格图片或视频，所以条目高度各不相同。数据通常按时间或推荐算法排序，配合无限滚动持续加载，顶部还会提示「有 5 条新动态」。

它和简单列表的区别是每条内容是完整的，而不只是一个入口；和瀑布流的区别是只有一列、按顺序阅读、文字比重更高；和时间线的区别是它强调每条内容本身，时间只是附属信息，而时间线强调同一件事的先后阶段。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

用信息流（Feed）展示动态：单列、最大宽度 600px 居中；每条动态顶部是头像、昵称和相对时间（如「3 分钟前」），中间是正文（超过 6 行折叠）和最多 9 张图的宫格，底部是点赞、评论、转发按钮及计数；动态之间留 8px 间隔。滚动到底部自动加载更多，有新内容时顶部提示「有 N 条新动态」。

单列纵向排列的内容区块，每块由作者信息行、正文与配图、互动按钮行三部分组成，块与块之间用间距隔开。