小程序open-data的圆形用户头像实现

王小婷

发布于 2018-12-04 16:54:36

1.9K0

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;
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018.10.29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

小程序