W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
通過type屬性可以設(shè)置加載圖標的類型,默認為circular,可選值為spinner
<van-loading />
<van-loading type="spinner" />
通過color屬性設(shè)置加載圖標的顏色
<van-loading color="#1989fa" />
<van-loading type="spinner" color="#1989fa" />
通過size屬性設(shè)置加載圖標的大小,默認單位為px
<van-loading size="24" />
<van-loading type="spinner" size="24px" />
可以使用默認插槽在圖標的右側(cè)插入加載文案
<van-loading size="24px">加載中...</van-loading>
設(shè)置vertical屬性后,圖標和文案會垂直排列
<van-loading size="24px" vertical>加載中...</van-loading>
參數(shù) | 說明 | 類型 | 默認值 |
---|---|---|---|
color | 顏色 | string | #c9c9c9 |
type | 類型,可選值為 spinner | string | circular |
size | 加載圖標大小,默認單位為px | number | string | 30px |
text-size | 文字大小,默認單位為px | number | string | 14px |
vertical | 是否垂直排列圖標和文字內(nèi)容 | boolean | false |
名稱 | 說明 |
---|---|
default | 加載文案 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: