美文网首页
微信小程序显示圆形图片

微信小程序显示圆形图片

作者: helang1991 | 来源:发表于2018-08-31 14:13 被阅读484次

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

    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