99re热这里只有精品视频,7777色鬼xxxx欧美色妇,国产成人精品一区二三区在线观看,内射爽无广熟女亚洲,精品人妻av一区二区三区

Mint UI 加載動畫-Spinner

2021-09-06 15:20 更新
加載動畫,可指定顯示類型、尺寸和顏色。

引入

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>

<!-- 或者接受傳入類型的序號 -->
<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>

API

參數(shù) 說明 類型 可選值 默認值
type 顯示類型,提供四種風(fēng)格,可以指定名稱或者序號 String、Number snake 
double-bounce 
triple-bounce 
fading-circle
snake
color 顏色,接受 hex、rgb 等顏色值 String #ccc
size 尺寸,單位 px Number 28


實例演示

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號