vue上传图片(预览) + 图片显示组件 npm
2020-04-16 本文已影响0人
WH_6196
基于vue开发
npm i sbd-plugin-group
API
上传图片预览
<UploadImg :defImg="XXX"></UploadImg>
参数 | 说明 | 格式 | 必填 | 默认 |
---|---|---|---|---|
defImg | 上传图片自定义icon | String | No | 空 |
maxSize | 最大限制 | String | No | 2 (M) |
$.emit
名称 | 说明 | 格式 |
---|---|---|
sendWarning | 1:超过最大M,2:格式有误 | String |
sendImgFile | 图片base64 | String |
头像
<Avatar></Avatar>
参数 | 说明 | 格式 | 必填 | 默认 |
---|---|---|---|---|
shape | 指定头像的形状,可选值为 circle、square | String | No | circle |
url | 图片类头像的资源地址 | String | No | 空 |
defaultUrl | 默认的图片类头像 | String | No | 空 |
width | 图片类头像的显示宽度(px) | String | No | 64 |
height | 图片类头像的显示宽度(px) | String | No | 64 |
isAuto | 图片类头像是否拉伸高度 | Boolean | No | false |