展示内容
- 新闻热评区最多展示 3 条新闻一级评论,使用横向轮播卡片。
- 每张卡片展示用户头像、用户名、发布时间、点赞数和评论正文;点赞图标跟随当前用户对该评论的点赞状态,已点赞高亮、未点赞不高亮,评论正文最多显示 2 行。
我们要做什么:在底部“News” Tab 页面里的左文右图新闻列表中,增加精选新闻评论的轻量露出,让用户在正常浏览新闻时自然发现社区内容,并可继续进入新闻内页评论区。
展示什么样式:新闻标题和左文右图列表主体保持第一层级,评论作为新闻条目下方的附属信息,以轻量评论条形式展示用户头像、用户名、发布时间、评论正文和点赞数。
首页新闻流中的精选新闻评论轻量露出
左侧 Demo · 新闻首页Home state
普通新闻条目下方附带精选评论;点击评论进入对应新闻内页并定位至评论区,点击头图进入新闻内页顶部。
我们要做什么:在 News 首页的所有左文右图新闻列表中露出精选新闻评论,让用户在浏览新闻时自然发现社区内容,并可进入新闻内页评论区。
展示什么样式:评论位于新闻条目下方,作为附属信息展示用户头像、用户名、发布时间、评论正文和点赞数,新闻标题与左文右图主体保持第一层级。
1.2k 等紧凑格式。新闻热评叠加式轮播与评论区入口
左侧 Demo · 新闻内页Article state
轮播卡片支持移动端横向拖动,右侧露出下一张卡片作为可滑动提示;点击热评进入独立的 News comments 评论区页面。
我们要做什么:在新闻内页头图下方露出精选新闻热评,并引导用户继续阅读正文和完整评论区。
展示什么样式:以横向热评卡片轮播展示用户头像、用户名、发布时间、评论正文和点赞数,右侧露出下一张卡片提示可滑动;新闻标题、头图和正文保持页面主体。
通过真实首页到新闻内页的路径整体演示评论内容如何被发现、阅读和沉淀。