为更好地保护用户隐私信息，优化用户体验，平台对小程序内的帐号登录功能进行规范。部分小程序在处理用户手机号码登录环节，存在不规范授权收集行为。常见违规收集手机号码行为： 一、一进入未浏览体验功能服务，即要求授权手机号码登录 不合规案例①：进入小程序，用户尚未体验页面功能，即要求授权手机号码登录 [图片] 不合规案例②：进入小程序，用户尚未体验页面功能，即要求授权手机号码登录 [图片] 不合规案例③：一进入小程序即要求用户提供手机号码注册登录才能体验功能服务 [图片] 不合规案例④：打开即弹窗要求授权手机号码登录 [图片] 合规案例：用户浏览体验功能服务后，再自主选择授权手机号登录 [图片] 2、 二、用户浏览商品内容时，要求注册绑定才能查看商品详情内容 不合规案例①：用户浏览商品详情页面内容，提示需进行注册授权登录才可以浏览内容 [图片] 不合规案例②：点击查看商品内容详情，要求授权手机号码才能浏览查看商品 [图片] 合规案例：用户浏览商品详情后，需购买再自主选择授权手机号码登录 [图片] 三三、 没有取消/拒绝按钮，强制用户进行授权登录 不合规案例：点击查看内容后选择登录，没有取消/拒绝返回的选项按钮，强制进行授权手机号码登录 [图片] 合规案例：用户浏览体验完功能服务后，自主选择登录，登录页面可自行选择“取消登录”返回。 [图片] 四、体验范围给内部人群使用，首页没增加说明 不合规案例： 特定人群登录，一打开即要求授权登录，没有增加说明和进行登录账号鉴权 [图片] 合规案例： 一进入页面即说明提示仅限内部员工可使用，并已进行账号鉴权。 [图片] 【为保护用户个人隐私信息，提供用户体验感，请开发者参考以下建议】 1、用户进入小程序，应该提供用户体验浏览小程序内容功能，不得在未体验任何功能页面时，即弹窗要求用户授权手机号码登录。 2、仅限内部特定人群使用类小程序，应该在首页页面增加账号说明并进行内部账号鉴权，用户了解页面功能再自主选择授权手机号码登录。 3、用户浏览体验完功能服务后，自主选择授权手机号码登录时，应当为用户提供取消/拒绝的返回选项，不得强制要求用户登录无法返回。

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/ 预览码： [图片]