W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
加載動(dòng)畫,可指定顯示類型、尺寸和顏色。
import { Spinner } from 'mint-ui';
Vue.component(Spinner.name, Spinner);
指定類型
<mt-spinner type="snake"></mt-spinner>
<mt-spinner type="double-bounce"></mt-spinner>
<mt-spinner type="triple-bounce"></mt-spinner>
<mt-spinner type="fading-circle"></mt-spinner>
<!-- 或者接受傳入類型的序號(hào) -->
<mt-spinner :type="0"></mt-spinner>
<mt-spinner :type="1"></mt-spinner>
<mt-spinner :type="2"></mt-spinner>
<mt-spinner :type="3"></mt-spinner>
指定顏色
<mt-spinner color="#26a2ff"></mt-spinner>
<mt-spinner color="rgb(100, 100, 100)"></mt-spinner>
<mt-spinner color="yellow"></mt-spinner>
指定尺寸
<mt-spinner :size="60"></mt-spinner>
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
type | 顯示類型,提供四種風(fēng)格,可以指定名稱或者序號(hào) | String、Number | snake
double-bounce triple-bounce fading-circle |
snake |
color | 顏色,接受 hex、rgb 等顏色值 | String | #ccc | |
size | 尺寸,單位 px | Number | 28 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: