使用painter生成图片，文字行数不固定，怎样让文字垂直居中？ 大佬们救救孩子吧！

微信团队于10月28日发布了《关于补充小程序、插件用户隐私保护指引说明》，其目的在于引导小程序开发者完善用户隐私协议授权机制，起到保护用户隐私的目的。在今年国家网信办大力推动用户个人信息安全的背景下，微信此举可谓顺势而为，也能辅助各开发者堵住在微信生态内可能存在的用户个人信息安全保护的漏洞，是值得肯定的。 [图片] 其实小程序用户隐私协议一直是小程序产品生态最基础的一环，在小程序设置-功能设置里，用户隐私保护指引设置一直安静地躺在那，只不过作为一个非必选项，可能很多开发者没有注意罢了。而本次《指引说明》的发布却明确要求11月1日起进行审核，怎么审核没有明说，因为11月1日之后大家在提审的时候就都明白怎么审核了…… [图片] 不设置，就无法提审新版本，所以无论是否对用户体验造成影响， 对开发者肯定是造成极大影响了。用户隐私保护指引设置成为发版的门槛，一下从可选项目变成刚需了！ OK，既然要求了那咱们就设置吧，打开MP-登录小程序账号-进入设置-功能设置-找到用户隐私保护指引设置-点完善进入页面-巴拉巴拉一顿猛如虎-提交-然后就是等待审核，不过审核时间很快，基本小半天就审核通过了，so easy嘛！ 这些都是微信官方文档里说的很清楚的路径了https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/，至此，相信大家都知道该怎么操作，然而问题就出在这了。 明明都已经设置完审核通过了，为什么提审小程序时还提示“提审的开发版本代码与隐私协议内容不匹配”呢？ 相信这是进入这篇帖子的小伙伴遇到的共同问题，接下来就跟大家聊聊到底问题出在哪了。 其实微信上这个用户隐私保护的初衷是极好的，咱们就不赘述了。但微信的老毛病就是凡事只说一半，而且自家的产品从来不做测试就拿出来用，让广告开发者来充当小白鼠。之所以这样说是因为：在设置中完善好且已经通过审核的隐私协议，在提交新版本审核时带不过来！当你提审的时候，微信读取不到你已经填好并审核通过的隐私协议，所以才会出现明明已经设置好但提审就是通不过的结果。你说，是不是坑，是不是bug，是不是拿开发者当小白鼠呢？ 找到问题所在就知道该怎么解决了，在提审被驳回的那个页面，点击弹窗中了解详情进入隐私协议指引设置页面，在这里直接完善隐私协议并保存提交，完事再提审，基本就解决了。所以大家千万不要按照官方文档去设置里操作，因为你一顿操作猛如虎，提审时候还是二百五啊。 在这里还要补充一个细节：在完善隐私协议那个页面，第一项就是开发者收集信息的说明，重点来了，记住要考的。这里收集信息的场景是可以多选的，请务必把收集信息的全部场景罗列清楚，否则你提审之后因为收集信息场景说明覆盖不全，还是会被驳回，那前边说的这些就都全白做了。 [图片] 总结一下：之所以遇到设置完隐私保护指引还是提审不过是因为1一定要在审核驳回页面完善隐私保护协议，2隐私保护协议中的收集信息场景务必完整填写。 以上两点都满足了，基本就不涉及提审不过的问题了。别问我怎么知道的，小白鼠撞墙撞多了，脑子也就聪明了

昨晚一位给我微信留言碰到类似的问题，我感觉可以用这个方法。 直接入主题： 说的是利用小程序后台的开发->运维中心里面的监控报警功能实现当小程序脚本发生错误时自动发送报警信息到你的微信上的功能 在社区经常看到各位抱怨体验版正常，开发者工具正常，线上版本却没有数据之类的话题，其实这里可能的原因之一就是小程序内部脚本出错了。如果你的小程序编码没有做容错处理（这个要详细说可以说一整天），那就会导致出错后的代码无法正常运行，这样反映在界面上就可能是白屏，没有数据，或者数据不全导致界面错位等等一系列想象不到的问题。 使用本方法生效后小程序运行出错报警到微信的效果截图： [图片] 所以，监控小程序运行过程中运行出错很利于小程序的运维工作。官方早就为我们想好了，提供了一个用来监控错误并报警的平台。只是很多人没有好好利用起来。小编从去年开始接触小程序用了将近1年时间了，老实说为我解决了不少问题。使用教程，如图登陆小程序后台后按1，2，3，4，5，6步就好了： [图片] [图片] 这里有个小技巧，人工制造错误代码来监控后端接口异常报警： 比如有个场景要求后端接口出错时能快速通知到微信上，那就可以在小程序里调用该接口的地方，接口返回数据异常时，故意调用一个不存在的JS函数，比如，下单失败接口出错了，在接口返回fail的情况下写上 throw_NewOrderError();实际上throw_NewOrderError并不存在的，这个时候会让小程序故意产生脚本错误并通知到你的微信。 还有一个业务和性能监控报警也是很有用的，比如监控后端接口性能，数据渲染时间，这个对整个小程序产品的品控很有用，比如要求高频后端接口必须在300ms以下的性能要求，当达不到这个性能的时候就会发送报警。 [图片] 这个大家也可以深挖下功能，除了报警还能提供详细的统计数据。当你的小程序产品日活超过5万时你会发现这个对你整个产品链的性能提升和业务监控是很有用的。这里点到为止。 社区的markDown编辑模式下图片无法上传，所以没用markDown来编辑，各位将就看吧。 PS：鉴于写的文章虽然看的人多但是无法入一些大佬的法眼，认为都是「水文，刷赞」等等一些恶毒字眼（最近多了个职业回复的「雅称」），各种帽子戴得，做一个开发爱好者积极分享和解决各种问题太难了，姑且不论咱写一篇文章需要截图多少，单单排版就得废掉俺多少时间哈，很受伤，所以本人决定在微信开放者社区封笔。你看到是俺最后一篇发表在微信开放社区的文章。如果你想继续查看俺的一些文章可以私聊我。我会在其他平台保持继续创作。bye-bye~

1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 [图片] 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来评论区吐槽。 中文文档 | github地址 | 在线预览 [图片] 3. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。 中文文档 | github地址 | 在线预览 [图片] 4. Muse-UI 基于 Vue 2.0 和 Material Design 的 UI 组件库 中文文档 | github地址 [图片] 5. Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 中文文档 | github地址 | 在线预览 [图片] 6. Cube-UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库 中文文档 | github地址 | 在线预览 [图片] 7. vue-ydui Vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。 中文文档 | github地址 | 在线预览 [图片] 8. Mand-Mobile 面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品。 中文文档 | github地址 | 在线预览 [图片] 9. v-charts 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。特别感谢 @书简_yu 的贡献。 中文文档 | github地址 | 在线预览 [图片] 10. Vue Carbon Vue Carbon 是基于 vue 开发的material design ui 库。 中文文档 | github地址 | 在线预览 [图片] 11. Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。 中文文档 | github地址 [图片] 12. Vue-recyclerview 使用vue-recyclerview掌握大型列表。 github地址 | 在线预览 [图片] 13. Vue.js modal 易于使用，高度可定制，移动友好的Vue.js 2.0+ modal。 在线文档 | github地址 | 在线预览 [图片] 14. Vue Baidu Map Vue Baidu Map是基于Vue 2.x的百度地图组件。 中文文档 | github地址 | 在线预览 [图片] 15. Onsen UI 将Vue.js的强大功能和简单性带入混合和渐进式Web应用程序。 在线文档 | github地址 | 在线预览 [图片] 相关文章 Vue PC端框架 别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，我会持续更新在简书上，谢谢你的贡献。

微信小程序图表工具，charts for WeChat small app，基于canvas绘制，体积小巧。

内容详情参见github

1、checkbox checkbox .wx-checkbox-input{     border-radius:50%;     width:20px;height:20px; } checkbox .wx-checkbox-input.wx-checkbox-input-checked{     border-color:#F0302F !important;     background:#F0302F !important; } checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{     border-radius:50%;     width:20px;     height:20px;     line-height:20px;     text-align:center;     font-size:15px;     color:#fff;     background:transparent;     transform:translate(-50%, -50%) scale(1);     -webkit-transform:translate(-50%, -50%) scale(1); } 2、radio radio .wx-radio-input{     border-radius:50%;     width:20px;height:20px; } radio .wx-radio-input.wx-radio-input-checked{     border-color:#F0302F !important;     background:#F0302F !important; } radio .wx-radio-input.wx-radio-input-checked::before{     border-radius:50%;     width:20px;     height:20px;     line-height:20px;     text-align:center;     font-size:15px;     color:#fff;     background:transparent;     transform:translate(-50%, -50%) scale(1);     -webkit-transform:translate(-50%, -50%) scale(1); } 如果上面的代码对您有帮助，麻烦抖一抖小手点下赞，谢谢