小程序 open－data

<view class="user_info">

//通过小程序开放的open－data 直接获取用户头像和昵称

<open-data class="userinfo-avatar" type="userAvatarUrl"></open-data>

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

</view>

 

.userinfo-avatar {

width: 200rpx;

height: 200rpx;

margin: 20rpx;

//将用户头像图片变成圆形

border-radius: 50%;

overflow:hidden;

display:block;

}