手记

小程序获取的用户头像怎么做成圆形

其实这是一个简单的问题,用户登录,获取到用户的头像,我没有做任何处理,一般需求是圆形头像,于是,写了以下几句比较简单的代码。

wxml:

<view class="logo"><open-data type="userAvatarUrl" class="userinfo" id="userinfo"></open-data></view>

wxss:

#userinfo{
  width: 185rpx;
  height:185rpx;
  border-radius:50%;
  display: flex;
  overflow:hidden;
  text-align: center;
}

原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1

90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。

1人推荐
随时随地看视频
慕课网APP