Skip to content

Comment 评论

纯展示的评论块容器,通过插槽组装作者头像、名称、时间、内容与操作区;支持嵌套子评论自动缩进。

基础用法

单条评论

张三3 分钟前

这个组件支持纯展示的评论结构,交互操作由宿主通过 actions 插槽自行提供。

回复点赞

嵌套子评论

嵌套回复(自动缩进)

李四昨天 18:20

父评论:赞同这个设计,子评论会自动缩进并带引导线。

回复王五昨天 19:02

子评论:通过默认插槽嵌套 oas-comment 即可,层级不限。

回复

空态

空评论

无任何插槽内容时渲染为空容器,不报错;空插槽对应的区块自动隐藏。

API

插槽

名称说明
默认嵌套的 oas-comment 子评论,自动缩进缩进
actions操作区(回复/点赞等,由宿主提供)
author作者名
avatar作者头像(可放 oas-avatar
content评论内容
time时间

部件:::part(comment) 根、::part(main) 主体、::part(avatar) / ::part(author) / ::part(time) / ::part(content) / ::part(actions)::part(children) 子评论容器。