Vant Loading 加載

引入

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

Vue.use(Loading);

代碼演示

加載類型

通過type屬性可以設(shè)置加載圖標(biāo)的類型，默認(rèn)為circular，可選值為spinner

<van-loading />
<van-loading type="spinner" />

自定義顏色

通過color屬性設(shè)置加載圖標(biāo)的顏色

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

自定義大小

通過size屬性設(shè)置加載圖標(biāo)的大小，默認(rèn)單位為px

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

加載文案

可以使用默認(rèn)插槽在圖標(biāo)的右側(cè)插入加載文案

<van-loading size="24px">加載中...</van-loading>

垂直排列

設(shè)置vertical屬性后，圖標(biāo)和文案會垂直排列

<van-loading size="24px" vertical>加載中...</van-loading>

API

Props

Slots