1.0.5 • Published 5 years ago

comment-publisher v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

功能

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

可配置属性与控制的功能

配置项属性名含义类型是否必填默认值
是否调起键盘foucstrue代表调起，false则不调起Boolean否false
评论数量replyNums实时展示当前评论的数量，0则不展示Number否0
是否禁用disabled输入框是否禁用Boolean否false
是否支持上传图片isUpLoadImg是否展现图片上传的功能Boolean否false
上传图片服务端地址requestUrl由于小程序图片预览只能是http或https，所以上传图片需要先上传到服务器String如果isUpLoadImg未true，则必填''
上传图片需要传的参数params上传图片需要传给server的必要参数Object否{}
slotname="collection"可添加的收藏节点,在消息icon的右侧节点否''
slotname="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"
/>
swan-solution-components-comment-publisher
@everything-registry/sub-chunk-1361@infinitebrahmanuniverse/nolb-comme@zalastax/nolb-comme
1.0.5

5 years ago

1.0.4

5 years ago