Material Design Lite 紗廠
2018-12-26 19:45 更新
該MDL提供多種CSS類(lèi)各種預(yù)先定義的外觀和行為增強(qiáng)適用于擺放各類(lèi)紡紗。下表中提到的可用類(lèi)和它們的影響。
| SN | 類(lèi)名稱(chēng)和說(shuō)明 |
|---|---|
| 1 | MDL微調(diào) 標(biāo)識(shí)的容器作為MDL微調(diào)成分，是必需的類(lèi)。 |
| 2 | MDL-JS-微調(diào) 設(shè)置基本MDL行為微調(diào)器，是一個(gè)必修課。 |
| 3 | 是積極的 顯示和動(dòng)畫(huà)的微調(diào)和是可選的。 |
| 4 | MDL-微調(diào)-單色 使用一個(gè)單一的顏色，而不是顏色變化，是可選的。 |
例
下面的例子展示了使用MDL-微調(diào)類(lèi)顯示不同類(lèi)型的紡紗。
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ì)您有幫助：
更多建議：