今天，我们提交了第一版，刚刚通过微信审核的小程序插件 ——「爸妈搜通讯录」。只要有通讯录的地方，就会需要对通讯录姓名进行分组排序和界面设计，主流做法基本是按照人名的拼音首字母排序，效果图如下：现在让我开始说一说怎么使用我们刚新鲜出炉的小程序插件。一句话介绍简便、快速的生成通讯录的小插件。使用方法1、 在微信小程序管理后台——设置——第三方服务，按 AppID（wxea14f39af1d4d74a）搜索到该插件并申请授权（ps：一般不会出现拒绝的情况。如果申请被拒绝了，请重新申请，有时候管理员手抽点错了，请见谅! 有任何好的建议可以通过微信、邮箱、手机号联系！）。 2、在要使用该插件的小程序 app.json 文件中引入插件声明。“plugins”: { “BmsDirectory”: { “version”: “1.0.0”, “provider”: “wxea14f39af1d4d74a” }}3、在需要使用到该插件的小程序页面的 JSON 配置文件中，做以下配置：{ “usingComponents”: { “BmsDirectory”: “plugin://BmsDirectory/BmsDirectory” }}4、在相应的 HTML 页面中添加以下语句即可完成插件的嵌入。<BmsDirectory />属性属性名类型默认值说明 userList Array"[]“通讯录数据 userList 的属性属性名类型默认值说明nameString’‘名字信息telString’‘电话信息 avatarurl String有默认头像头像信息 <BmsDirectory userList=”{{userList}}" headportrait=‘headportrait’ />data:{ userList: [ { name: ‘咖啡’, tel: ‘12345678900’, avatarurl:’’ }, { name: ‘小咖啡’, tel: ‘12345678900’ }, { name: ‘小小咖啡’, tel: ‘12345678900’ }, { name: ‘c小小咖啡’, tel: ‘12345678900’ }, { name: ‘-小小咖啡’, tel: ‘12345678900’ }, { name: ‘+小小咖啡’, tel: ‘12345678900’ }, ]}样式属性名类型说明headportraitString头像的样式phonestyleString电话号码信息的演示 namestyle String名字信息的样式 titlestyle String名字上方分类小标题的样式 msgstyle String每一条信息的整体样式/* 头像 /.headportrait{ / width: 100rpx !important; height: 100rpx !important; /}/ 手机号 /.phonestyle{ font-size: 26rpx !important;}/ 名字 /.namestyle{ font-size: 28rpx !important;}/ 首字母标题 /.titlestyle{ font-size: 28rpx !important; / color: red !important; /}/ 每个信息的样式 /.msgstyle{ / padding: 50rpx 20rpx !important; */} 事件属性名类型说明 bindgetcall String 点击每条信息时触发的事件 <BmsDirectory userList=’{{userList}}’ bindgetcall=‘getcall’/> 效果总结这是我们团队做的第「五」个微信小插件，每个插件制作的标准就是，把复杂的逻辑交给我们来做。使用者只要简单的引入，用最便捷的输入参数，以达到最好的效果。欢迎微信小程序开发者使用我们的其它插件：爸妈搜日历提供简约不简单的日历基本功能，自定义样式，考勤状态等功能。插件地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx23a9cef3522e4f7c爸妈搜富文本小程序富文本处理 rich-text， 将无法识别的标签改为可识别的， 适配移动设备。插件地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx54e7e5b0ebeda242爸妈搜海报 Maker插件地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxbf07f0f22c6c200d爸妈搜表单圈插件地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx6aaef9edf974a564最后，放出我们团队插件开发者的联系方式，有什么问题都可以联系她哦~