新闻社区化评论内容需求文档

范围:新闻首页、新闻内页 原型尺寸:390 × 844 对应 Demo:News community demo

需求简述

我们要做什么:在底部“News” Tab 页面里的左文右图新闻列表中,增加精选新闻评论的轻量露出,让用户在正常浏览新闻时自然发现社区内容,并可继续进入新闻内页评论区。

展示什么样式:新闻标题和左文右图列表主体保持第一层级,评论作为新闻条目下方的附属信息,以轻量评论条形式展示用户头像、用户名、发布时间、评论正文和点赞数。

1

News Home

首页新闻流中的精选新闻评论轻量露出

左侧 Demo · 新闻首页Home state

普通新闻条目下方附带精选评论;点击评论进入对应新闻内页并定位至评论区,点击头图进入新闻内页顶部。

需求简述

我们要做什么:在 News 首页的所有左文右图新闻列表中露出精选新闻评论,让用户在浏览新闻时自然发现社区内容,并可进入新闻内页评论区。

展示什么样式:评论位于新闻条目下方,作为附属信息展示用户头像、用户名、发布时间、评论正文和点赞数,新闻标题与左文右图主体保持第一层级。

新闻首页左文右图新闻列表下方展示精选评论的样式图示
图示:左文右图新闻条目下方的精选评论。

展示位置

  • 展示在底部“News” Tab 栏页面里的所有左文右图新闻列表中,包含顶部所有 Tab 栏下的新闻列表。

展示内容

  • 小评论区展示普通新闻条目关联的精选新闻一级评论。
  • 每条评论展示用户头像、用户名、发布时间、点赞数和评论正文;点赞图标跟随当前用户对该评论的点赞状态,已点赞高亮、未点赞不高亮,评论正文最多显示 2 行。

展示条件

  • 展示候选包含所有 AI 改编评论,不包含 AI 直接翻译评论。
  • 点赞数达到 150 的新闻评论进入展示候选;对于 AI 改编评论,按 AI 改编生成时记录的原始点赞数(即 AI 评论点赞数的最后生成结果)判断,不使用当前点赞数。
  • 在满足点赞门槛的评论中,按评论字符数由少到多排序,每条普通新闻展示字符最少的 1 条。

交互

  • 点击任一评论,可跳转至对应的新闻内页,并定位至评论区。
  • 小评论区不提供点赞操作,点赞图标仅用于展示状态。

边界处理

  • 没有达到 150 赞的评论时不展示对应新闻下方的评论区,不改变新闻条目结构。
  • 头像缺失或加载失败显示统一默认头像;点赞数为空隐藏点赞字段,数字超过 999 使用 1.2k 等紧凑格式。
  • 评论正文按当前语言和实际字体测量,超过 2 行在第二行末尾省略。