Material Design Lite 紗廠

2018-12-26 19:45 更新

該MDL提供多種CSS類各種預(yù)先定義的外觀和行為增強(qiáng)適用于擺放各類紡紗。下表中提到的可用類和它們的影響。

SN類名稱和說(shuō)明
1MDL微調(diào)
標(biāo)識(shí)的容器作為MDL微調(diào)成分,是必需的類。
2MDL-JS-微調(diào)
設(shè)置基本MDL行為微調(diào)器,是一個(gè)必修課。
3是積極的
顯示和動(dòng)畫的微調(diào)和是可選的。
4MDL-微調(diào)-單色
使用一個(gè)單一的顏色,而不是顏色變化,是可選的。

下面的例子展示了使用MDL-微調(diào)類顯示不同類型的紡紗。

mdl_spinners.htm

<html>
<head>
   <script src="/attachments/tuploads/materialdesignlite/material.min.js"></script>
   <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">	  
</head>
<body>
   <h4>Default Spinner</h4>
   <div class="mdl-spinner mdl-js-spinner is-active"></div>
   <h4>Single Color Spinner</h4>
   <div class="mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active"></div>
</body>
</html>

結(jié)果

驗(yàn)證結(jié)果。


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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)