微信小程序 获取用户信息

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()方法一倍微信团队出于某种目的，不建议使用，提供另外两种方式获取用户信息，

官方介绍传送门： developers.weixin.qq.com/community/d…

我的推荐使用open-data方式，第一种增长button按钮无疑是增长了用户无心识的操做，

具体open-data官方介绍以下图：