更新记录

1.0.0(2021-04-03)

1.0.0


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

评论列表

说明

本组件部分引用uniapp评论列表的样式,封装为插件,增加了回复评论的内容,还有点击头像/用户名称,点击评论的事件。

基本用法

在template中使用组件

<qizai9527-commentList :list="commentList" @clickComment="clickComment"  @clickUser="clickUser"></qizai9527-commentList>
export default {
    data() {
        return {
            commentList:[
                {
                    id:1,
                    userId:3,
                    avatar:'https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1976832114,2993359804&fm=26&gp=0.jpg',
                    name:'小心',
                    time:1617086756,
                    content:'中国外交官这样讽加拿大总理',
                    pContent:'跟着我一起姚',
                    pName:'宝宝',
                    replyNumber:20,
                },
                {
                    id:2,
                    userId:3,
                    avatar:'https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1976832114,2993359804&fm=26&gp=0.jpg',
                    name:'小心',
                    time:1617086756,
                    content:'中国外交官这样讽加拿大总理',

                },
                {
                    id:3,
                    userId:4,
                    avatar:'https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1976832114,2993359804&fm=26&gp=0.jpg',
                    name:'小心',
                    time:1617086756,
                    content:'中国外交官这样讽加拿大总理',

                }
            ]
        }
    },
    methods:{
        // 点击评论事件
        clickComment(e){
            console.log(e);
        },
        // 点击头像/用户名称事件
        clickUser(e){
            console.log(e);
        }
    }
}

API

属性说明

属性名 类型 默认值 说明
id String null 评论ID
userId String null 用户ID
avatar Number null 用户头像
name Boolean null 用户名称。
content String null 评论内容
time Array null 发表评论时间
pName Boolean null 父级评论者
pContent Boolean null 父级评论内容
replyNumber Boolean null 回复评论个数

事件说明

事件名 说明 返回值
@clickComment 点击评论触发 返回评论ID
@clickUser 点击用户信息触发。包括头像,名称 返回用户ID

补充:有任何问题联系wx:chwlzgz 。在线求打扰~

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问