Question

Ionic4 项目中我们可以使用 Ionic4 媒体组件 ion-img 对项目进行布局。

ion-img 官方文档地址：https://ionicframework.com/docs/api/img

Img is a tag that will lazily load an image when ever the tag is in the viewport. This is extremely useful when generating a large list as images are only loaded when they're visible. The component uses Intersection Observer internally, which is supported in most modern browser, but falls back to a setTimeout when it is not supported.

ion-img 用法 Usage

<ion-img
  src="https://docs-demo.ionic.io/assets/madison.jpg   "
  alt="The Wisconsin State Capitol building in Madison, WI at night"
></ion-img>

ion-img 属性 Properties

alt
Description	This attribute defines the alternative text describing the image. Users will see this text displayed if the image URL is wrong, the image is not in one of the supported formats, or if the image is not yet downloaded.
Attribute	alt
Type	string | undefined
src
Description	The image URL. This attribute is mandatory for the element.
Attribute	src
Type	string | undefined

ion-img 事件 Events

Name	Description
ionError	Emitted when the img fails to load
ionImgDidLoad	Emitted when the image has finished loading
ionImgWillLoad	Emitted when the img src has been set