微信小程序显示圆形图片

微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形，例如

image.png

做法

在.wxss文件中，添加border-radius这个属性即可

.avatar{   
 height: 50px;    
width: 50px;    
border-radius: 25px;}

在.wxml中的image中元素，引用这个样式即可

<image src='{{ic_avatar}}' class='avatar'></image>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容