uView Avatar 头像

本组件一般用于展示头像的地方,如个人中心,或者评论列表页的用户头像展示等场所。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

通过src指定头像的路径即可简单使用,如果传递了text参数,text将会优先起作用

注意: 请保证传递给src的是绝对地址,而不是相对地址,为什么呢?因为传入avatar组件的相对地址,是相对于组件的,而不是父组件(页面),所以相对址可能会出错。




copy

#头像形状

  • shape参数指定头像的形状,取值circle为圆形,取值square为圆角方形



copy

#图标头像

  • icon参数指定头像的图标,图标可参考icon组件

    
        
    
    
        
    



copy

#文字头像(自动背景色)

  • randomBgColor参数开启头像的自动背景色

copy

#默认头像

如果头像加载失败,导致加载图片失败,将会显示一个默认的灰色头像

#头像组

使用u-avatar-group实现头像组



你可能感兴趣的:(vue.js,前端,javascript,微信小程序)