CommentList
评论列表
支持情况:
类型
ComponentType<CommentListProps>
CommentListProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
commentParam | ICommentParam | 是 | 评论核心参数 | |
toolbarConfig | IToolbarConfig | 否 | 底部 toolbar 的相关配置 | |
isPageScroll | boolean | true | 否 | 滚动方式为页面滚动,若组件作为浮层使用,该参数需设为 false |
needToolbar | boolean | true | 否 | 是否需要底部 toolbar ,若使用开发者自定义的底部 toolbar ,该参数需设为 false |
addComment | boolean | false | 否 | 用于调起评论发布器发布评论,发布成功插入列表第一条,且滚动到列表顶部 |
detailPath | string | 否 | 点击单条评论跳转的详情页页面 path ,若没有配置则不会发生跳转;配置的前提是列表与详情均是页面级 | |
isFolded | boolean | false | 否 | 是否折叠列表,默认全展示 |
foldNum | number | 3 | 否 | 折叠后列表展示最大条数,默认 3 条,最多 10 条 |
viewMorePath | string | 否 | 传入放置评论组件的页面路径,如'/pages/list/index',组件内部会触发跳转逻辑 | |
viewMoreStyle | IViewMoreStyle | 否 | 『全部 xx 条』的样式,目前只支持开发者自定义字体颜色 | |
onClickComment | CommonEventFunction | 否 | 绑定点击单条评论的事件,点击单条评论时触发,返回数据为{status, data:{srid}} | |
onViewMore | CommonEventFunction | 否 | 绑定点击更多事件,若除了页面跳转还需要其他操作,可通过该回调执行;若为浮层,也可使用该回调自定义交互逻辑 | |
onReply | CommonEventFunction | 否 | 评论发布成功时触发,返回数据为 {status, data:{srid}} |
API 支持度
API | 微信小程序 | 百度小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|
CommentListProps.commentParam | ✔️ | ||||
CommentListProps.toolbarConfig | ✔️ | ||||
CommentListProps.isPageScroll | ✔️ | ||||
CommentListProps.needToolbar | ✔️ | ||||
CommentListProps.addComment | ✔️ | ||||
CommentListProps.detailPath | ✔️ | ||||
CommentListProps.isFolded | ✔️ | ||||
CommentListProps.foldNum | ✔️ | ||||
CommentListProps.viewMorePath | ✔️ | ||||
CommentListProps.viewMoreStyle | ✔️ | ||||
CommentListProps.onClickComment | ✔️ | ||||
CommentListProps.onViewMore | ✔️ | ||||
CommentListProps.onReply | ✔️ |
ICommentParam
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
snid | string | 是 | 被点赞的文章的 id,与 path 参数一一对应 example: "20200101" | |
title | string | 是 | 文章标题 | |
path | string | 是 | 智能小程序内页链接,最长不能超过 194 字符 example: "/pages/index/index" | |
images | string[] | ['https://b.bdstatic.com/miniapp/images/demo-dog.png'] | 否 | 数组第一项用于收藏功能的展示图片 |
IToolbarConfig
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
placeholder | string | 否 | 输入框提示文字 | |
moduleList | string | ['comment', 'like', 'favor', 'share'] | 否 | 显示的互动模块,对应默认值分别是:评论数、点赞、收藏、分享 |
share | IShare | 否 | 若 moduleList 里配置了 share 模块,该参数为必填 |
IShare
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
title | string | 是 | 分享标题 |
content | string | 否 | 分享内容 |
imageUrl | string | 否 | 分享图标 |
path | string | 否 | 页面 path ,必须是以 / 开头的完整路径,如果 path 中参数包含中文字符,需对中文字符进行编码 |
IViewMoreStyle
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
color | string | "#3388ff" | 否 | 『全部 xx 条』的字体颜色,默认为视觉提供色号,开发者可传入自定义色号 |