支付宝小程序引导组件 头像·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 | 图片资源加载失败回调 |
以上内容是否对您有帮助:
更多建议: