1.1.7 • Published 5 years ago
swan-solution-components-comment-publisher v1.1.7
功能
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"
/>