社区可能有其他的方案了，但是再分享下吧，给有需要的童鞋。 效果图： [图片] 额，这个视频转GIF因为社区上传不了大图，所以剪了一部分，具体的效果还是直接工具打开代码片段预览吧～ 第一步：你的页面JSON引入该组件： [代码]{ "usingComponents": { "city-picker": "/components/cityPicker/index" } } [代码] 第二步：你的页面WXML引入该组件 [代码]<city-picker visible="{{visible}}" column="2" bind:close="handleClick" bind:confirm="handleConfirm" /> [代码] 第三步：你的页面JS调用 [代码]// 显示/隐藏picker选择器 handleClick() { this.setData( visible: !this.data.visible }) }, // 用户选择城市后 点击确定的返回值 handleConfirm(e) { const { detail: { provinceName = '', provinceId = '', cityName, cityId='', areaName = '', areaId = '' } = {} } = e this.setData({ cityId, cityName, areaId, areaName, provinceId, provinceName }) } [代码] 组件属性 属性 默认值 描述 visible false 是否显示picker选择器 column 3 显示几列，可选值：1，2，3 values [0, 0, 0] 必填，默认回填的省市区下标，可选择具体省市区后查看AppData的regionValue字段 close function 点击关闭picker弹窗 confirm function 点击选择器的确定返回值 confirm: 属性 默认值 描述 provinceName 北京市 省份名称 provinceId 110000 省份ID cityName 市辖区 城市名称 cityId 110100 城市ID areaName 东城区 区域名称 areaId 110000 区域Id 至于怎么获取你想默认城市的下标，可以滑动操作下选中省市区后，点击确定后查看appData里的regionValue的值。 以上就是一个自定义数据版本的省市区二级、三级联动啦，老规矩，结尾放代码片段。 https://developers.weixin.qq.com/s/F9k9cTmT7LAz

好记性不如烂笔头，记笔记了。。。 发现image渲染图片的时候，如果图片地址中有反斜杠（\），直接渲染最后结果会缺少\，如果加个转义（\\）则会请求两次，最终显示有问题。 解决办法是编码一次（\），`${encodeURI('\\')}` 替换 \

一次性订阅消息 如有理解错误，请评论 讨论更正，一起学习。 一、个人理解： 1、订阅授权次数跟收消息次数的关系？ ①、用户授权允许一次，才会收到一次（前提是用户接收通知打开，并且对应模板通知为接收状态）。 ②、收到一次通知，消耗掉一次对应授权允许次数。 ③、即使用户点击了允许，且勾选了不再提示。本次订阅授权成功，且收到了一次订阅消息后，下次还是需要用户触发订阅授权的。只不过是有弹窗还是无感的区别。并不是一次授权，以后每次都能接收到消息。 2、订阅授权弹窗中的不再提示勾选按钮的影响？ ①、用户首次触发订阅授权弹窗弹起，只要用户勾选了不再提示，并点击取消或者允许，本次要授权的通知模板都会出现在，微信订阅通知设置页（wx.getSetting获取），下次再调用授权api将不会弹出授权弹窗而已。 3、消息订阅api ？ ①、wx.requestSubscribeMessage 4、查询微信通知订阅列表api ？ ①、wx.getSetting  ②、配置：withSubscriptions: true ③、结果：在res.subscriptionsSetting.itemSettings里（{"模板ID"："接收状态"}），与itemSettings并列的key:value 是兼容老用户的api结果。 5、如何判断当前授权是勾选了不再提示按钮还是没勾选？ ①、通过当前模板ID列表 与 问题4 中 res.subscriptionsSetting.itemSettings 中模板列表做对比（指每一条模板对比），如果没有相同的，则本次未勾选不再提示按钮。 6、如果用户上次勾选了不再提示，那下次再调用授权api怎么知道此次对应模板是否订阅成功？ ①、上次勾选了不再提示，下次再调用授权api，用本次授权结果与问题4 中 res.subscriptionsSetting.itemSettings 中模板列表做对比，如果模板ID与itemSettings里的模板ID相同（指每一条模板对比），且itemSettings里的模板ID的状态为接收"accept"，则此模板授权订阅一次成功，反之此次未订阅。 7、订阅授权状态怎么清除？ ①、开发环境下，微信小程序开发者工具-清除缓存-清除授权数据，可以清除授权订阅状态。 二、举例： 1、首次触发订阅api（wx.requestSubscribeMessage） 情形①： 授权弹窗弹起： 不再提示按钮：不勾选（注意） 授权按钮：允许（注意） 消息A：此时用户去勾选了  消息B：此时用户去勾选了  消息C：此时用户不勾选 订阅结果： 消息A：本次订阅成功一次 消息B：本次订阅成功一次 消息C：本次未订阅 ABC均不会出现在微信通知设置页里。（注意） 情形②： 授权弹窗弹起： 不再提示按钮：不勾选（注意） 授权按钮：取消（注意） 消息A：此时用户去勾选了  消息B：此时用户去勾选了  消息C：此时用户不勾选 订阅结果： 消息A：此次未订阅 消息B：此次未订阅 消息C：此次未订阅 ABC均不会出现在微信通知设置页里。（注意） 2、基于情况1的情形①或情形②，再次触发订阅api 情形①： 授权弹窗弹起： 不再提示按钮：勾选（注意） 授权按钮：允许（注意） 消息A：此时用户去勾选了 消息B：此时用户去勾选了 消息C：此时用户不勾选 订阅结果： 消息A：此次订阅成功一次 消息B：此次订阅成功一次 消息C：此次未订阅 ABC会出现在微信通知设置页里，AB接收通知、C不接收通知。（注意） 情形②： 授权弹窗弹起： 不再提示按钮：勾选（注意） 授权按钮：取消（注意） 消息A：此时用户去勾选了 消息B：此时用户去勾选了 消息C：此时用户不勾选 订阅结果： 消息A：此次未订阅 消息B：此次未订阅 消息C：此次未订阅 ABC会出现在微信通知设置页里，ABC不接收通知。（注意） 3、基于情况2的情形①，再次触发订阅api 授权弹窗不会再弹起： ABC都在微信通知设置页里，AB接收通知、C不接收通知 订阅结果： 消息A：此次订阅成功一次 消息B：此次订阅成功一次 消息C：此次未订阅 4、基于情况2的情形②，再次触发订阅api 授权弹窗不会再弹起： ABC都在微信通知设置页里，ABC不接收通知 订阅结果： 消息A：此次未订阅 消息B：此次未订阅 消息C：此次未订阅 三、场景： 1、一般需要订阅通知发出的场景，可以每次由用户手动触发的。比如 下单，提交按钮，正常调订阅api即可，只区别个首次弹不弹弹窗的问题。 2、中间态，没办法让用户手动触发授权订阅的场景，或者很多订阅消息需要发出，没办法做到流程里。订阅api一次最多授权3条模板。 四、做法： 大前提很重要：不能刻意引导用户，不能频繁弹窗用户。 1、放到tabbar点击事件上去触发，尽量多的去让用户增加订阅次数。（也不一定是tabbar点击，结合自己项目中使用频率高的操作） ①、首次订阅弹出授权弹窗，如果用户勾选了不再提示，则每次点击tabbar无感订阅， ②、如果用户没有勾选不再提示，则记录首次询问时间，在一定时间间隔内不再调用授权api（因为每次点会弹出授权弹窗、体验很差）。超过间隔时间，再次调用授权api，包括删除小程序后（也可以引导用户勾选不再提示）。 2、做订阅中心，列出所有订阅模板列表，每个订阅模板点击一次，若允许了，则订阅次数+1（订阅次数需要维护），当有效订阅少于例如5次时，标红警示用户若不增加次数有可能接收不到重要消息。 3、尽量将订阅通知授权做到流程中。 个人认为： 1、做法3最好，但是不一定能满足场景2。（多见于点餐小程序等） 2、其次是做法1，但也不能保证用户100%收到所有订阅消息，而且当用户手动在设置中关闭了微信通知或者不接收单个通知，此时页面内最好有一个引导用户进入微信通知设置页的入口（某某消息订阅已关闭，可能错过重要信息通知，赶紧打开吧~）。 3、个人感觉做法2最鸡肋，为啥就不说了。。 4、做法3（能在流程中订阅的尽量坐在流程中） + 做法1（将一些特殊的中间态放到触发场景高的操作，但不要频繁弹窗）+ 页面动态显示通知设置页入口。（似乎顺丰速运小程序就是这么做的）

UI组件库合集，大家有遇到好的组件库，欢迎留言评论然后加入到文档里。 第一款： 官方WeUI组件库，地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 预览码： [图片] 第二款： ColorUI：地址 https://github.com/weilanwl/ColorUI 预览码：   [图片] 第三款： vantUI（又名：ZanUI）：地址 https://youzan.github.io/vant-weapp/#/intro 预览码： [图片] 第四款： MinUI： 地址 https://meili.github.io/min/docs/minui/index.html 预览码： [图片] 第五款： iview-weapp：地址 https://weapp.iviewui.com/docs/guide/start 预览码： [图片] 第六款： WXRUI：暂无地址 预览码： [图片] 第七款： WuxUI：地址https://www.wuxui.com/#/introduce 预览码： [图片] 第八款： WussUI：地址 https://phonycode.github.io/wuss-weapp/quickstart.html 预览码： [图片] 第九款： TouchUI：地址 https://github.com/uileader/touchwx 预览码: [图片] 第十款： Hello UniApp： 地址 https://m3w.cn/uniapp 预览码： [图片] 第十一款： TaroUI：地址 https://taro-ui.jd.com/#/docs/introduction 预览码： [图片] 第十二款： Thor UI： 地址 https://thorui.cn/doc/ 预览码： [图片] 第十三款： GUI：https://github.com/Gensp/GUI 预览码： [图片] 第十四款： QyUI：暂无地址 预览码： [图片] 第十五款： WxaUI：暂无地址 预览码： [图片] 第十六款： kaiUI： github地址 https://github.com/Chaunjie/kai-ui 组件库文档：https://chaunjie.github.io/kui/dist/#/start 预览码： [图片] 第十七款： YsUI：暂无地址 预览码： [图片] 第十八款： BeeUI：git地址 http://ued.local.17173.com/gitlab/wxc/beeui.git 预览码： [图片] 第十九款： AntUI： 暂无地址 预览码： [图片] 第二十款： BleuUI：暂无地址 预览码： [图片] 第二十一款： uniydUI：暂无地址 预览码： [图片] 第二十二款： RovingUI：暂无地址 预览码： [图片] 第二十三款： DojayUI：暂无地址 预览码： [图片] 第二十四款： SkyUI：暂无地址 预览码： [图片] 第二十五款： YuUI：暂无地址 预览码： [图片] 第二十六款： wePyUI：暂无地址 预览码： [图片] 第二十七款： WXDUI：暂无地址 预览码： [图片] 第二十八款： XviewUI：暂无地址 预览码： [图片] 第二十九款： MinaUI：暂无地址 预览码： [图片] 第三十款： InyUI：暂无地址 预览码： [图片] 第三十一款： easyUI：地址 https://github.com/qq865738120/easyUI 预览码: [图片] 第三十二款 Kbone-UI： 地址 https://wechat-miniprogram.github.io/kboneui/ui/#/ 暂无预览码 第三十三款 VtuUi： 地址 https://github.com/jisida/VtuWeapp 预览码： [图片] 第三十四款 Lin-UI 地址：http://doc.mini.talelin.com/ 预览码： [图片] 第三十五款 GraceUI 地址： http://grace.hcoder.net/ 这个是收费的哦～ 预览码： [图片] 第三十六款 anna-remax-ui npm：https://www.npmjs.com/package/anna-remax-ui/v/1.0.12 anna-remax-ui 地址： https://annasearl.github.io/anna-remax-ui/components/general/button 预览码 [图片] 第三十七款 Olympus UI 地址：暂无 网易严选出品。 预览码 [图片] 第三十八款 AiYunXiaoUI 地址暂无 预览码 [图片] 第三十九款 visionUI npm：https://www.npmjs.com/package/vision-ui 预览码： [图片] 第四十款 AnimaUI(灵动UI) 地址：https://github.com/AnimaUI/wechat-miniprogram 预览码： [图片] 第四十一款 uView 地址：http://uviewui.com/components/quickstart.html 预览码： [图片] 第四十二款 firstUI 地址：https://www.firstui.cn/ 预览码： [图片]

webview嵌套的H5页面如何跳转到另外一个H5页面?请问谁能告诉一下