wxml：
<view class="userinfo"> <view class="userinfo-avatar"> <open-data type="userAvatarUrl"></open-data> </view> <open-data class='userinfo-nickname' type="userNickName"></open-data> </view>wxss：
.userinfo { position: relative; width: 750rpx; height: 320rpx; color: #dadada; display: flex; flex-direction: column; align-items: center;}
.userinfo-avatar { overflow: hidden; display: block; width: 160rpx; height: 160rpx; margin: 20rpx; margin-top: 50rpx; border-radius: 50%; border: 2px solid #fff; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}现有wx.login()方法一倍微信团队出于某种目的，不建议使用，提供另外两种方式获取用户信息，
个人推荐使用open-data方式，第一种增加button按钮无疑是增加了用户无意识的操作，
具体open-data官方介绍如下图：
