Introduction

The image placeholder component is used to display placeholder content before an image has finished loading. It supports features such as custom placeholder images, size settings, and load-failure displays, providing a unified image loading state handling solution. It is suitable for scenarios that need to optimize the image loading experience.

Usage

Import locally by configuring it in the index.json of the page or component that needs it.

"usingComponents": {
  "fs-imageholder": "ava-ui/fxui/Imageholder/Imageholder",
}

Code Demo

API

Parameters

| Parameter | Description | Type | Optional Values | Default | |---------- |-------- |---------- |------------- |-------- |-------- | | type | Image type | any | — | — | | tip | Tip text | any | — | "" | | width | Image width (rpx) | number | — | 0
| imageStyle | Image override style | any | — | ""
| tipStyle | Tip text override style | any | — | ""

Events

Name	Parameter	Description

打开预览