更新记录
1.2.1(2022-04-26) 下载此版本
修改评论树结构,使所有的回复评论都显示在顶级评论下,评论不限层级
1.1.2(2022-04-01) 下载此版本
去掉1.0.1版本comment-list-item组件的data参数 新增评论删除功能 上个版本由于微信及app不支持组件递归,导致方法无法掉用, 所以当前版本评论改为只能2级评论
1.1.1(2022-04-01) 下载此版本
2022/3/30第一次提交
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
qcy-comment组件使用说明
1.使用npm 安装uviewui
npm install uview-ui
2,使用,将组件放到components文件夹下,然后引入相关文件(注意comment-list-item需要树结构数据,可用提供的/static/util/index.js中commentTree方法格式化,大佬们也可以手写一下,注意使用的父id,我这用的字段是parentId)
引入组件如下
然后下面就是你需要写的方法
1.ShowCommentInput和showCommentList分别是弹出评论输入框和弹出评论列表
弹出评论列表后调用open方法可格式化评论list,大佬们不懂的可以看源文件,或留言
2,sedComment方法传入val参入,为输入的值,
/* *
val:输入的评论内容
parentId父级评论Id
parentUserName:附级评论用户名
*/
sedComment(val,parentId,parentUserName){
console.log(val)
}
3 deleteComment(id)方法参数为要删除的评论id
具体请参考demo,文件中也有注释