Skip to content

Img-DEMO


vue
<fv-Img src="https://github.com/aleversn/VFluent/blob/master/examples/assert/sample/1.jpg?raw=true" style="width: 500px; height: 300px;"></fv-Img>
vue
<fv-Img src="https://github.com/aleversn/VFluent/blob/master/examples/assert/sample/2.jpg?raw=true" style="width: 500px; height: 300px;"></fv-Img>

Img-Lazy Load


vue
<fv-Img src="https://github.com/aleversn/VFluent/blob/master/examples/assert/sample/3.jpg?raw=true" :onlazy="true" style="width: 500px; height: 300px;"></fv-Img>

属性


属性类型必填默认值说明
srcstring''图像资源路径,支持跨域和本域,本域下将默认启用ImgBox进行缓存管理,跨域时启用Image进行加载,但无法实现缓存。
onlazybooleanfalseLazy load image
loadingColorstring'rgba(36, 36, 36, 1)'
onbackgroundbooleanfalseShow as background
themestring'global'参见组件的 theme 选项。
disabledbooleanfalse参见组件的 disabled 选项。
langstring"global"参见组件的 lang 选项。

MIT Licensed