微信小程序显示圆形图片

2018-08-31  本文已影响484人  helang1991

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

image.png

做法

在.wxss文件中,添加即可

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

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

<image src='{{ic_avatar}}' class='avatar'></image>
上一篇 下一篇

猜你喜欢

热点阅读