功能

1.文字发布 2.图片发布 3.支持自定义功能

可配置属性与控制的功能

|配置项|属性名|含义|类型|是否必填|默认值| |--|--|--|--|--|--| |是否调起键盘|foucs|true代表调起，false则不调起|Boolean|否|false| |评论数量|replyNums|实时展示当前评论的数量，0则不展示|Number|否|0| |是否禁用|disabled|输入框是否禁用|Boolean|否|false| |是否支持上传图片|isUpLoadImg|是否展现图片上传的功能|Boolean|否|false| |上传图片服务端地址|requestUrl|由于小程序图片预览只能是http或https，所以上传图片需要先上传到服务器|String|如果isUpLoadImg未true，则必填|''| |上传图片需要传的参数|params|上传图片需要传给server的必要参数|Object|否|{}| |slot|name="collection"|可添加的收藏节点,在消息icon的右侧|节点|否|''| |slot|name="share"|可添加的分享节点,在收藏icon的右侧|节点|否|''|

组件的回调

|回调项|事件名|含义|参数| |--|--|--|--| |输入框失焦|browseMode|当输入框失焦后会触发事件|空| |发表评论|relaseComment|点击发表按钮时触发的事件|{inputValue: 'xxx', uploadImgUrl: ['http: xxx.xxx.com']}| |预览图片|previewImage|点击输入框中已经上传的图片时触发的事件|空| |消息点击|gotoPosition|点击输入框右侧消息icon事件|空|

使用方法

1.安装组件 npm install swan-solution-components-comment-publisher

2.在需要使用该组件页面 page.json 中添加当前自定义组件配置

{
    "usingComponents": {
        "comment-publisher": "swan-solution-components-comment-publisher"
    }
}

3.在swan文件中引用组件

<comment-entry
    params="{{params}}"
    isUpLoadImg="true"
    requestUrl="http:xxx.xxx.com"
    bind:gotoPosition="gotoPosition"
    bind:browseMode="browseModeEventHandler"
    bind:relaseComment="relaseCommentEventHandler"
    bind:previewImage="previewImageHandler"
/>