Loading

import { createApp } from 'vue';
import { Loading } from 'vant';

const app = createApp();
app.use(Loading);

Usage

<van-loading />

<van-loading type="spinner" />

<van-loading color="#1989fa" />

<van-loading type="spinner" color="#1989fa" />

<van-loading size="24" />

<van-loading type="spinner" size="24px" />

<van-loading size="24px">Loading...</van-loading>

<van-loading size="24px" vertical>Loading...</van-loading>

Attribute	Description	Type	Default
color	Loading color	string	`#c9c9c9`
type	Can be set to `spinner`	string	`circular`
size	Icon size	number \| string	`30px`
text-size	Text font size	number \| string	`14px`
vertical	Whether to arrange icons and text content vertically	boolean	`false`

Name	Description
default	Loading text

How to use: Custom Theme.

Name	Default Value	Description
@loading-text-color	`@gray-6`	-
@loading-text-font-size	`@font-size-md`	-
@loading-spinner-color	`@gray-5`	-
@loading-spinner-size	`30px`	-
@loading-spinner-animation-duration	`0.8s`	-