支付宝小程序引导组件 头像·Avatar

2020-09-18 11:22 更新

头像。

扫码体验

示例代码

{
  "defaultTitle": "Avatar",
  "usingComponents": {
    "avatar": "mini-ali-ui/es/avatar/index"
  }
}
<view>
  <!--普通头像组件-->
  <avatar src="xxx"/>
  <!--带用户名和摘要描述头像组件-->
  <avatar src="xxx" size="lg" name="用户名" desc="摘要描述" />
</view>

属性

属性 类型 默认值 描述
className String - 自定义class。
src String 默认蓝底头像 头像图片资源地址。
size String md 头像尺寸大小。可选值:lg、md、sm。
shape String circle 头像形状。可选值:circle、square。
name String - 设置用户名。
desc String - 设置摘要信息。
onError EventHandle (e: Object) => void 图片资源加载失败回调
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号