微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形,例如
image.png做法
在.wxss文件中,添加即可
.avatar{
height: 50px;
width: 50px;
border-radius: 25px;}
在.wxml中的image中元素,引用这个样式即可
<image src='{{ic_avatar}}' class='avatar'></image>
微信中头像形状都是矩形的。我们的页面大部分要求头像要显示圆形,例如
image.png在.wxss文件中,添加即可
.avatar{
height: 50px;
width: 50px;
border-radius: 25px;}
在.wxml中的image中元素,引用这个样式即可
<image src='{{ic_avatar}}' class='avatar'></image>
本文标题:微信小程序显示圆形图片
本文链接:https://www.haomeiwen.com/subject/msvswftx.html
网友评论