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

王小婷

发布于 2018-08-02 16:45:20

2.4K0

发布于 2018-08-02 16:45:20

文章被收录于专栏：编程微刊编程微刊

图片.png

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

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

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

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

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度