一、微信小程序后台配置
1、首先登陆小程序后台添加到企业专属服务,添加路径:小程序后台 - 设置 - 第三方设置 - 添加插件中,搜索ID: wx4d2deeab3aed6e5a。
二、在小程序中使用
1、在app.json 文件中添加对插件的引用(taro框架的话,为app.config.ts)
"plugins": {
"materialPlugin": {
"version": "1.0.5",
"provider": "wx4d2deeab3aed6e5a"
}
}
2、在具体引用插件的页面文件json文件中,添加引用
"usingComponents": { "cell": "plugin://materialPlugin/cell" }
3、在需要使用的wxml文件中添加组件的具体代码,这里的url需要到企业微信后台配置后放入,一般也可以直接使用url
<cell bind:startmessage='startmessage' bind:completemessage="completemessage" url='url' />
说明:需要查看该插件的具体属性可查询developer.work.weixin.qq.com/document/pa…
三、在企业微信设置url
1、进入企业微信后台,添加一个群聊,按照路径:客户与上下游-加客户-加入群聊-在小程序加入群聊,配置一个群聊。
2、创建完成后,点击使用指引,即可查看url,在之前的cell组件中替换即可使用
使用说明:
1、在使用这个插件之前还需要下载qs的依赖
yarn add qs@6.9.6
2、这个插件使用时,它的样式是无法修改的。这里可以使用一个固定的高度的盒子,通过定位重叠和超出隐藏overflow:hidden来控制,并且在遮挡组件里设置css样式poniter-event:none属性,这样就可以直接点击到下一层的cell加入群聊插件
问题:
1、这个插件在编译器中会被发出编辑警告,这个问题我暂时还没有解决;