codecamp

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

头像。

扫码体验

示例代码

{
  "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 图片资源加载失败回调
支付宝小程序引导组件 遮罩引导·Guide
支付宝小程序扩展表单 文本输入·InputItem
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }