feat: avatar add srcSet
parent
8eaf6da73a
commit
43a503fc9e
|
@ -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}
|
||||
/>
|
||||
|
|
|
@ -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 error,return false to prevent default fallback behavior | () => boolean | - |
|
||||
|
||||
|
|
|
@ -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 | - |
|
||||
|
||||
|
|
Loading…
Reference in New Issue