微信小程序显示圆形图片

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

做法

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

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

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

<image src='{{ic_avatar}}' class='avatar'></image>

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页