微信小程序 不使用wx.getuserinfo 展示用戶微信信息的方式 及 樣式修改~

 在微信小程序開發過程，我們都會獲取當前登錄用戶微信信息作爲個人中心展示信息，例如頭像、暱稱等。在這個時候，一般處理的方式都是調用API   wx.getUserInfo 來獲取，此時，便需要彈出用戶授權後方可使用，在某方面來說，過於繁瑣和用戶體驗感不是很好。

   在微信小程序中，有一個開放功能  open-data  可以幫助我們跳過這些步驟後，顯示頭像、暱稱。

 

 

官方文檔地址：https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>

這要便可展示出頭像和暱稱。

 擴展 

 當你使用了上面的寫法後， 你後發現 你給這個標籤使用的style 和class 屬性，編輯他的樣式會不生效。解決方式如下：

 

<view class='user'>
  <view class='user-avatar'>
    <open-data type='userAvatarUrl'></open-data>
  </view>
  <view class='user-name'>
    <open-data type='userNickName'></open-data>
  </view>
</view>

需要使用一個view 包裹後 書寫樣式！