- 爸妈搜通讯录
使用方法: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'/>[代码]效果[图片] 联系方式如果使用过程中遇到问题,或者更好的建议,欢迎大家添加微信号,进行讨论交流! [图片]
2018-11-29 - 爸妈搜海报Maker
使用方法1、 在微信小程序管理后台——设置——第三方服务,按 AppID(wxbf07f0f22c6c200d)搜索到该插件并申请授权(ps:一般不会出现拒绝的情况。如果申请被拒绝了,请重新申请,有时候管理员手抽点错了,请见谅)。 2、在要使用该插件的小程序 app.json 文件中引入插件声明。 [代码]"plugins": { "calendar": { "version": "1.0.0", "provider": "wxbf07f0f22c6c200d" } }[代码]3、在需要使用到该插件的小程序页面的 JSON 配置文件中,做以下配置: [代码]{ "usingComponents": { "calendar": "plugin://poster/poster" } }[代码]4、在相应的 HTML 页面中添加以下语句即可完成插件的嵌入。 [代码]<poster />[代码]属性[代码]属性名[代码][代码]类型[代码][代码]默认值[代码][代码]说明[代码][代码]drawing[代码][代码]Array[代码][代码][][代码][代码]画图的数据[代码][代码]savebtnText[代码][代码]String[代码][代码]"点击按钮进行图片保存"[代码][代码]按钮文字信息[代码][代码]drawing参数说明[代码][代码]drawing[代码]数据目前有两种数据信息,一种是图片信息,另一种是文字信息。 [代码]图片信息[代码][代码]属性名[代码][代码]类型[代码][代码]值[代码][代码]说明[代码][代码]type[代码][代码]String[代码][代码]image[代码][代码]图片类型[代码][代码]url[代码][代码]String[代码] [代码]图片路径,为线上图片[代码][代码]left[代码][代码]Number[代码] [代码]距离画布的左边距[代码][代码]top[代码][代码]Number[代码] [代码]距离画布的顶部距离[代码][代码]width[代码][代码]Number[代码] [代码]绘画图片的宽度[代码][代码]height[代码][代码]Number[代码] [代码]绘画图片的高度[代码][代码]circle[代码][代码]Boolean[代码][代码]true、false[代码][代码]是否是绘制圆形,默认为false[代码]文字信息[代码]属性名[代码][代码]类型[代码][代码]值[代码][代码]说明[代码][代码]type[代码][代码]String[代码][代码]text[代码][代码]文字类型[代码][代码]content[代码][代码]String[代码] [代码]绘图的文字内容[代码][代码]left[代码][代码]Number[代码] [代码]距离画布的左边距[代码][代码]top[代码][代码]Number[代码] [代码]距离画布的顶部距离[代码][代码]width[代码][代码]Number[代码] [代码]文字绘画的宽度[代码][代码]color[代码][代码]String[代码] [代码]文字信息[代码][代码]textAlign[代码][代码]String[代码] [代码]文字水平对齐方式[代码][代码]fontSize[代码][代码]Number[代码][代码]默认为26rpx[代码][代码]文字大小[代码][代码]textAlign参数[代码][代码]属性名[代码][代码]类型[代码][代码]说明[代码][代码]left[代码][代码]String[代码][代码]左对齐[代码][代码]center[代码][代码]String[代码][代码]居中对齐[代码][代码]right[代码][代码]String[代码][代码]右对齐[代码]如图: [图片] 实例: [代码]data:{ data: { drawing: [ { type: 'image', url: '此处是线上图片', left: 0, top: 0, width: 650, height: 950 }, { type: 'text', content: '此处是文本信息', fontSize: 26, color: 'white', textAlign: 'left', left: 170, top: 50, width: 650, } ], }[代码]样式类名说明[代码]canvas-style[代码][代码]画布样式样式[代码][代码]savebtn-style[代码][代码]按钮样式[代码][代码]/* 画布样式 */ .canvas-style{ width: 650rpx !important; height: 950rpx !important; margin: 0 auto; border: 1px solid orangered; margin-top: 10rpx; }[代码][代码]<poster drawing='{{drawing}}' savebtnText='{{savebtnText}}' canvas-style='canvas-style' savebtn-style='savebtn-style' />[代码]注意: 样式的优先级! 效果[图片] 联系方式[图片]
2018-10-30 - 状态管理工具
我一直希望只用小程序的原生框架进行开发,之前为Nike和沃尔玛开发过小程序,发现大多数小程序在功能上也不会像web前端那样复杂,所以再引入一个开发框架难免会觉得是在增加复杂度。 而用原生框架开发时,我觉得唯一缺少的就是一个全局的状态管理框架,所以我自己写了一个,使用风格上有点偏向mobx,大家如果有想法和意见,欢迎告诉我。 Github: https://github.com/wwayne/minii 举个栗子如何使用:(只有两个api,mapToData 和 observe) [图片]
2018-10-29 - 爸妈搜日历
提供简约不简单的日历基本功能,自定义样式,考勤状态等功能。
2018-10-08 - 爸妈搜商城
爸妈优选的亲子教育消费服务平台,为爸妈提供专业的亲子教育相关的图书和周边实物推荐。
2018-10-08 - 爸妈搜云课堂
家长好好学习,孩子天天向上!爸妈搜云课程为精英家庭提供儿童素质与家庭教育精品课程。
2018-10-08 - 小学生必读的100本好书
小学生必读的100本好书
2018-10-08