图片

显示图片加载状态，只是设置占位图的图片组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
src	String	-	图片地址
placeholder	String	-	占位图地址，在图片较大的情况下，会先显示占位图，等图片加载完成后再显示图片
width	String	-	图片宽度
height	String	-	图片高度
mode	String	-	[参考] 图片的裁剪、缩放模式
lazyLoad	Boolean	false	[参考] 图片懒加载
fadeShow	Boolean	true	[参考] 图片显示动画效果
webp	Boolean	false	[参考] 在系统不支持 webp 的情况下是否单独启用 webp
showMenuByLongpress	Boolean	false	[参考] 是否长按图片显示菜单
draggable	Boolean	false	[参考] 是否可以拖动图片
loadingIconName	String	__tupian	加载图标名称
loadingText	String	-	加载提示文本
spin	Boolean	false	加载图标是否旋转
errorIconName	String	__tupian	加载失败图标名称
errorText	String	-	加载失败提示文本
preview	Boolean	false	点击预览
circle	Boolean	false	图片是否为圆形
background	String	-	图片背景
margin	String	-	图片外边距
padding	String	-	图片内边距
border	String	-	图片边框样式
borderWidth	String	-	图片边框宽度
borderStyle	String	-	图片边框样式
borderColor	String	-	图片边框颜色
radius	String	-	图片圆角大小
borderRadius	String	-	图片圆角大小
iconSize	String	-	状态图标大小
iconColor	String	-	状态图标颜色
textFontSize	String	-	状态文本字体大小
textFontColor	String	-	状态文本字体颜色

事件

名称	参数	说明
@onClick	-	点击时触发
@onLoad	event	[参考] 加载完毕时触发
@onError	event	[参考] 加载错误时触发

插槽

名称	参数	说明
#loading	-	加载状态内容
#error	-	失败状态内容