mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-12 23:35:38 +08:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity
ae650485a0
ant-design/components/avatar/index.zh-CN.md

39 lines
1.6 KiB
Markdown
Raw Normal View History

add Avatar
2017-05-28 14:20:59 +08:00
---
category: Components
subtitle: 头像
:globe_with_meridians: site: transition component category, close #11629
2018-11-04 16:20:35 +08:00
type: 数据展示
add Avatar
2017-05-28 14:20:59 +08:00
title: Avatar
docs: 🌈 Add Components overview page (#24491) * docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
2020-05-31 11:48:34 +08:00
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
add Avatar
2017-05-28 14:20:59 +08:00
---
add Badge demo
2017-06-09 15:00:44 +08:00
用来代表用户或事物，支持图片、图标或字符展示。
add Avatar
2017-05-28 14:20:59 +08:00
site: add promote badge
2018-08-31 17:03:27 +08:00
## 设计师专属
Update index.zh-CN.md (#11941)
2018-08-29 10:51:21 +08:00
site: add promote badge
2018-08-31 17:03:27 +08:00
安装 [Kitchen Sketch 插件 💎](https://kitchen.alipay.com)，一键填充高逼格头像和文本.
Update index.zh-CN.md (#11941)
2018-08-29 10:51:21 +08:00
add Avatar
2017-05-28 14:20:59 +08:00
## API
feat: Avatar.Group (#25192)
2020-07-13 12:45:37 +08:00
### Avatar
docs: show version Number features were added (#17373) * docs: add api first appearance * docs: fix auto-complete doc * docs: replace Version Added with Version * docs: date picker common method * docs: date picker common method * docs: tree * docs: remove meaningless 3.0.0
2019-07-11 14:14:33 +08:00
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
| icon | 设置头像的自定义图标 | ReactNode | - | |
docs: Format string notation of all components (#20970)
2020-01-17 17:23:48 +08:00
| shape | 指定头像的形状 | `circle` \| `square` | `circle` | |
| size | 设置头像的大小 | number \| `large` \| `small` \| `default` | `default` | |
docs: show version Number features were added (#17373) * docs: add api first appearance * docs: fix auto-complete doc * docs: replace Version Added with Version * docs: date picker common method * docs: date picker common method * docs: tree * docs: remove meaningless 3.0.0
2019-07-11 14:14:33 +08:00
| src | 图片类头像的资源地址 | string | - | |
docs(update): removed 3.x version description in 4.0-prepare (#19827) * docs(update): removed 3.x version description in 4.0-prepare ref #19815 * docs(update): update docs remove carousel/index.zh-CN.md empty version column * docs(update): update docs remove carousel/index.en-US.md empty version column
2019-11-20 20:31:43 +08:00
| srcSet | 设置图片类头像响应式资源地址 | string | - | |
| alt | 图像无法显示时的替代文本 | string | - | |
| onError | 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - | |
feat: add avatar gap api (#24357) * feat: add avatar gap api * docs: update explain * fix: gap in span * docs: update * fix: test * remove lastgap
2020-05-25 17:56:48 +08:00
| gap | 字符类型距离左右两侧边界单位像素 | number | 4 | 4.3.0 |
Avatar falling back to children on image error (#24944) Co-authored-by: 贺业晟 <heyesheng@bytedance.com>
2020-06-12 15:26:40 +08:00
> Tip：你可以设置 `icon` 或 `children` 作为图片加载失败的默认 fallback 行为，优先级为 `icon` > `children`
feat: Avatar.Group (#25192)
2020-07-13 12:45:37 +08:00
### Avatar.Group (4.5.0+)
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| ------------------- | -------------------- | ----------------- | ------ | ---- |
| maxCount | 显示的最大头像个数 | number | - | |
| maxStyle | 多余头像样式 | CSSProperties | - | |
| maxPopoverPlacement | 多余头像气泡弹出位置 | `top` \| `bottom` | `top` | |
Reference in New Issue Copy Permalink