Avatar
实例
文字头像
渚
清
沙
白
鸟
飞
回
html
<MtAvatar theme="primary" text="渚田"></MtAvatar>
<MtAvatar theme="success" text="清河"></MtAvatar>
<MtAvatar theme="danger" text="沙漠"></MtAvatar>
<MtAvatar theme="warning" text="白云"></MtAvatar>
<MtAvatar theme="error" text="鸟类"></MtAvatar>
<MtAvatar theme="info" text="飞翔"></MtAvatar>
<MtAvatar theme="default" text="回想"></MtAvatar>
折叠
头像尺寸
大
中
小
微
html
<MtAvatar size="large" theme="primary" text="大李"></MtAvatar>
<MtAvatar size="middle" theme="primary" text="中李"></MtAvatar>
<MtAvatar size="small" theme="primary" text="小李"></MtAvatar>
<MtAvatar size="tiny" theme="primary" text="微李"></MtAvatar>
折叠
图片头像







html
<MtAvatar theme="primary" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="success" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="danger" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="warning" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="error" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="info" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar theme="default" source="http://47.98.20.229/rabbit.png"></MtAvatar>
折叠
图片头像异常处理


html
<MtAvatar theme="primary" source="http://47.98.20.229/rab1bit.png"></MtAvatar>
<MtAvatar theme="primary" source="http://47.98.20.229/rabbit.png"></MtAvatar>
折叠
圆角头像







html
<MtAvatar round theme="primary" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="success" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="danger" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="warning" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="error" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="info" source="http://47.98.20.229/rabbit.png"></MtAvatar>
<MtAvatar round theme="default" source="http://47.98.20.229/rabbit.png"></MtAvatar>
折叠
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
expandText | 展开提示字 | string | —— | 展开 |