评论列表
CommentList评论CommentList 将服务端已审核评论与本地待审核评论统一合并为树形结构(merge_and_treeify):同父子评论按时间戳升序排序,采用深度优先前序遍历展开;待审核评论展示为带审核中呼吸灯的半透明卡片;若父评论不存在则自动作为顶层孤儿评论容错渲染。
本地演示,可切换不同形态体验 CommentList 的树形合并、排序与孤儿容错。
评论与待审核:服务端已审核评论与本地待审核评论统一合并为树形结构;待审核评论展示为带呼吸指示灯的半透明卡片,按时间升序插入对应层级。
本地演示,内容不会保存
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
comments | Signal<Vec<PublicComment>> | 由调用方提供 | 服务端返回的已审核评论列表。 |
pending | Signal<Vec<PendingComment>> | 由调用方提供 | 本地存储的待审核评论列表,与已审核评论混合组装为树形展示。 |
post_id | i32 | 由调用方提供 | 所属文章 ID,供子级每条评论的回复表单使用。 |
用法
src/components/comments/list.rs// \u4F4D\u4E8E CommentContext \u4F5C\u7528\u57DF\u4E2D
view! {
<CommentList
comments=approved_comments
pending=pending_comments
post_id=1
/>
}
春天的第一片叶子,总会记得来时的风。
我也喜欢这句话。
谢谢,愿你也有好天气。