微信小程序 獲取用戶信息

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官方介紹以下圖：