微信小程序实现登录页面及表单验证

本文主要围大早绕微信小程序自定义登录页面布局及常规校验，完成带或登录 *** 作。

1.常规登录页面布局

2.表单验证 登录号码 密码非空校验提示，长度控滚行雀制等常规 *** 作

3.表单提交

4.轮播图

5.本地缓存功能

先做小程序“我的”页面，需要注意的有两个点：

先上图，有图才有真相：

这一块我增加了一个隐藏的button, 未获取到用户信息时，显示为默认头像和“微信授权”的文字提示，登陆后，头像变为微信头像，文字变为微信昵称。

具体ui为判断没有授权则显示默认头像及提示，并在其上层覆盖一个透明的button，用户触发授权事件。

在js中需要注意的是，open-type="getUserInfo"需要做老版本兼容，老版本通过wx.getUserInfo即可唤起授权页面，不需要添加button去触发

详情见下一篇： 微信小程裤铅岩序：“我的”页面布局（激神二）：可配置功能菜单列表

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（胡御二）：可配置功能菜单列表

---