feat: avatar add srcSet

pull/398/head
tangjinzhou 2019-01-02 20:53:52 +08:00
parent 8eaf6da73a
commit 43a503fc9e
3 changed files with 6 additions and 1 deletions

View File

@ -19,6 +19,8 @@ export default {
default: 'default',
},
src: String,
/** Srcset of image avatar */
srcSet: String,
icon: String,
alt: String,
loadError: Function,
@ -71,7 +73,7 @@ export default {
},
render () {
const {
prefixCls, shape, size, src, icon, alt,
prefixCls, shape, size, src, icon, alt, srcSet,
} = this.$props
const { isImgExist, scale } = this.$data
@ -101,6 +103,7 @@ export default {
children = (
<img
src={src}
srcSet={srcSet}
onError={this.handleImgLoadError}
alt={alt}
/>

View File

@ -6,6 +6,7 @@
| shape | the shape of avatar | `circle` \| `square` | `circle` |
| size | the size of the avatar | number \| string: `large` `small` `default` | `default` |
| src | the address of the image for an image avatar | string | - |
| srcSet | a list of sources to use for different screen resolutions | string | - |
| alt | This attribute defines the alternative text describing the image | string | - |
| loadError | handler when img load errorreturn false to prevent default fallback behavior | () => boolean | - |

View File

@ -6,6 +6,7 @@
| shape | 指定头像的形状 | Enum{ 'circle', 'square' } | `circle` |
| size | 设置头像的大小 | number \| Enum{ 'large', 'small', 'default' } | `default` |
| src | 图片类头像的资源地址 | string | - |
| srcSet | 设置图片类头像响应式资源地址 | string | - |
| alt | 图像无法显示时的替代文本 | string | - |
| loadError | 图片加载失败的事件,返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - |