支付寶小程序引導(dǎo)組件 頭像·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>

屬性

屬性 類型 默認(rèn)值 描述
className String - 自定義class。
src String 默認(rèn)藍(lán)底頭像 頭像圖片資源地址。
size String md 頭像尺寸大小。可選值:lg、md、sm。
shape String circle 頭像形狀??蛇x值:circle、square。
name String - 設(shè)置用戶名。
desc String - 設(shè)置摘要信息。
onError EventHandle (e: Object) => void 圖片資源加載失敗回調(diào)
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號