Introduction

The loading dialog component is used to display the loading state of a page or operation. It supports custom loading animations, prompt text, mask settings, and other features. It provides a unified loading state display solution and is suitable for scenarios where user actions need to be blocked while a loading state is shown.

Usage

Import it locally by configuring it in the index.json of the page or component where it is needed.

"usingComponents": {
  "dialog-center": "ava-ui/fxui/DialogCenter/DialogCenter"
}

import dialogSet from "ava-ui/fxui/DialogCenter/DialogSet";
dialogSet.loadingDialog.show({
      showShadow: false,
    });

Code Demo

API

Parameters

Parameter	Description	Type	Options	Default
title	Text	string	—	—
showProgress	Whether to display the spinner	boolean	—	true
delayTime	Delay before displaying content. The transparent mask is displayed immediately	number	—	0
isBackClose	Whether closing with the physical back button is supported	boolean	—	false
showShadow	Whether to display shadow	boolean	—	false
extStyle	Extended style	string	—	—

Events

打开预览