跳到主要内容

Comment 评论

评论用于对页面内容的反馈、评价、讨论等,如对文章的评价,对话题的讨论等。。


开发说明
  • 目前线上只用在了商城评论模块,但是和原生默认评论有些差异,具体看技术能不能搞成组件。
  • 商城评论

    商品详情页中的评论列表。

    基础评论

    评论最基本的组件,包括头像、用户、时间、评论内容,适用于各种需要进行评论展示的场景。

    带操作评论

    可对评论内容进行相关操作的组件,适用于需要自定义操作列的场景。

    列表评论

    以列表形式展示的评论。

    带回复评论

    展示一条评论的回复内容的组件,适用于对评论进行回复的场景,作者名称后可标明回复对象的名称。

    带回复框评论

    对评论内容进行回复操作的组件,可在回复框内直接输入内容进行回复。

    交互行为

    悬停触发:鼠标悬停至操作按钮上,按钮底部出现背景色进行反馈; 点击触发: 点击喜欢和收藏按钮,线性 icon 变为面性 icon;点击回复按钮,该评论出现内嵌输入框;

    何时使用

    • 评论组件可用于对事物的讨论,例如页面、博客文章、问题等等。

    搭配使用

    • 与抽屉搭配使用。在用户需要沉浸阅读等必要场景时,可使用抽屉承载评论内容。
    • 与加载 Loading 组合使用,当评论条数较多时,按一定数量逐步加载显示,提高用户阅读信息的效率和准确性。