wxml

<view class="page-body-info ">
<open-data type='userAvatarUrl' class="userinfo" mode="cover"></open-data>
<open-data type="userNickName"  ></open-data> 
</view>

wxss

.page-body-info {
  text-align: center; 
}
.userinfo{
    width:200rpx;
    height: 200rpx;
    margin: 0 auto;
    border-radius: 50%;
    display:flex;
    overflow: hidden;
}

原文作者：祈澈姑娘
技術(shù)博客：http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛(ài)編程，愛(ài)運(yùn)營(yíng)，愛(ài)折騰。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問(wèn)題，堅(jiān)持記錄工作中所所思所見(jiàn)，歡迎大家加入群聊，一起探討交流。