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

 

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

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后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

关注「编程微刊」公众号 ，在微信后台回复「领取资源」，获取IT资源300G干货大全。

公众号回复“1”，拉你进程序员技术讨论群.