爸妈搜通讯录
使用方法: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的属性属性名类型默认值说明[代码]name[代码][代码]String[代码][代码]''[代码][代码]名字信息[代码][代码]tel[代码][代码]String[代码][代码]''[代码][代码]电话信息[代码][代码]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'
},
]
}[代码]样式属性名类型说明[代码]headportrait[代码][代码]String[代码][代码]头像的样式[代码][代码]phonestyle[代码][代码]String[代码][代码]电话号码信息的演示[代码][代码]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'/>[代码]效果[图片] 联系方式如果使用过程中遇到问题,或者更好的建议,欢迎大家添加微信号,进行讨论交流! [图片]