vant/docs/examples-docs/loading.md

<style> .demo-loading { .van-loading { display: inline-block; margin: 10px 0 10px 20px; } } </style>

Loading 加载

使用指南

import { Loading } from 'vant';

Vue.component(Loading.name, Loading);

代码演示

单色 spinner

:::demo 单色 spinner

<van-loading type="circle" color="black"></van-loading>
<van-loading type="circle" color="white"></van-loading>

:::

渐变色 spinner

:::demo 渐变色 spinner

<van-loading type="gradient-circle" color="black"></van-loading>
<van-loading type="gradient-circle" color="white"></van-loading>

:::

API

参数	说明	类型	默认值	可选值
color	颜色	String	black	black white
type	类型	String	gradient-circle	gradient-circle circle