小程序联系客服消息UI组件库
组件简介
这是一个能方便快速地给小程序添加 [联系客服] 功能的UI组件库。客服功能只有在真机调试下才能测试。
组件列表
floatAction 右下角固定的联系客服按钮图标，点击客服图标可跳转到小程序客服界面。
weReadTip 模仿微信读书引导下载app UI
安装
复制 SDK 代码到小程序目录
使用
在需要的页面（比如首页）json配置文件中，按需引入sdk的组件：
{
"usingComponents": {
"floatAction": "/components/weCustomer/floatAction/index",
"weReadTip": "/components/weCustomer/weReadTip/index"
}
}
提示：路径请根据自身情况修改
最后，在页面（wxml）文件中，添加我们的组件即可：
<floatAction />
floatAction 组件属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| bottom | Number | 100 | 底部距离 |
| right | Number | 20 | 右侧距离 |
| icon | String | customer.png | 按钮图片资源 |
weReadTip 组件属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| show | Boolean | false | 是否显示提示UI |
| closeOnTap | Boolean | true | 是否点击后自动隐藏UI |
| title | String | 顶部标题需要两行 | 顶部标题 |
| listIcon | String | list.svg | 列表左侧图标资源 |
| features | Array | ['功能1','功能2'] | 功能介绍文字列表 |
| bottomText | String | 立即下载·在客服会话中回复1 | 底部按钮提示文字 |
| themeColor | String | #67C23A | 整体弹出层主题颜色 |
1. 本站所有资源来源于网络和用户上传！如有侵权请邮件联系客服！sys(at)hoohtml.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性，资源仅供下载学习之用！
3. 本由本站提供的程序对您的网站或计算机造成严重后果的本站概不负责。