区别说明

---

• Img 是推荐优先使用的通用图片组件。
• 它会在内部自动根据加载情况切换 ImgBox 和 Image。
• 当你不想手动区分同域和跨域图片时，优先使用 Img。

Img-DEMO

---

<fv-Img src="https://placehold.co/500x300/png?text=VFluent+Sample+1" style="width: 500px; height: 300px;"></fv-Img>

<fv-Img src="https://placehold.co/500x300/png?text=VFluent+Sample+2" style="width: 500px; height: 300px;"></fv-Img>

Img-Lazy Load

---

<fv-Img src="https://placehold.co/500x300/png?text=VFluent+Sample+3" :onlazy="true" style="width: 500px; height: 300px;"></fv-Img>

属性

---

属性	类型	必填	默认值	说明
src	string	否	''	图像资源路径，支持跨域和本域，本域下将默认启用ImgBox进行缓存管理，跨域时启用Image进行加载，但无法实现缓存。
onlazy	boolean	否	false	Lazy load image
loadingColor	string	否	'rgba(36, 36, 36, 1)'
onbackground	boolean	否	false	Show as background
theme	string	否	'global'	参见组件的 theme 选项。
disabled	boolean	否	false	参见组件的 disabled 选项。
lang	string	否	"global"	参见组件的 lang 选项。

事件

---

事件名	参数	说明
load	object	图片加载完成时触发。
error	object	图片加载失败时触发。