WeUI是什么

WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。它最初是为了给在微信端页面提供一致的视觉体验而开发开源的一个样式库，后续随着小程序、企业微信等等的开放能力出现，WeUI也提供了小程序、企业微信等等的版本。我们将要介绍的，就是WeUI的小程序版本。

前言

介绍下最近一段时间内在公司做的一个微信小程序小项目几个核心功能的设计流程和部门代码实现

• 微信小程序登陆
• 获取手机号

现在微信小程序是非常火爆的，所以各个大厂都推出了自己特色的小程序应用，如:百度智能小程序、头条小程序、支付宝小程序、QQ小程序、钉钉小程序等。如果完成从0开始开发的话，成本还是蛮高的，所以我们需要借助现成的UI组件和框架来为我们节省一些时间。

WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件，

经过我3天的不懈摸索，终于在官方Demo的改造下完成了本人第一款小程序的制作！

小程序名——万能皮

功能非常精炼，只有一个就是直接获取Apple ID账号跟密码。

由于初学问题，难免有些不如人意的地方，比如说不能直接复制，等我后台学会了该代码后，就会更新。

公众号文章添加素材时或者在公众号菜单可以添加小程序了；添加后用户点击可以一键跳转小程序任何界面，小程序路径获取您可以前往天天外链把路径发送给天天外链即可快速获取小程序路径。

## 问题背景

前篇文章已经介绍了微信小程序如果显示本地列表数据，参考（ https://blog.51cto.com/baorant24/6188286 ），本文将介绍如何通过网络请求获取数据，然后在本地列表中显示。

0x01 开门见山

首先我们来回顾一下“微信绑定手机号数据库被下库”的事件。 我也第一时间得知了这个消息，然后跟踪了整个事件的经过。 以下是该事件的相关截图以及近期泄露的10000个数据样本：

我个人认为这件事没什么。 最好关注一下此前的45亿快递数据查询通道近日疑似复活的消息。

消息就是这样传开的。 真实性尚未确定，因为作者不会冒风险，查询个人信息就意味着账号和个人信息必然会测试是否真实，但我们可以知道的是，之前的查询渠道名为“星链”，现在称为星盾。

需求

现在运动计步非常的火，大家常用的计步工具一般有keep、咕咚、微信运动和其他移动设备等，本文是基于微信小程序获取用户的微信运动数据并可视化呈现出来。

先看一下最终实现效果：