Material Design Lite 纱厂
该MDL提供多种CSS类各种预先定义的外观和行为增强适用于摆放各类纺纱。下表中提到的可用类和它们的影响。
| SN | 类名称和说明 |
|---|---|
| 1 | MDL微调 标识的容器作为MDL微调成分，是必需的类。 |
| 2 | MDL-JS-微调 设置基本MDL行为微调器，是一个必修课。 |
| 3 | 是积极的 显示和动画的微调和是可选的。 |
| 4 | MDL-微调-单色 使用一个单一的颜色，而不是颜色变化，是可选的。 |
例
下面的例子展示了使用MDL-微调类显示不同类型的纺纱。
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>
结果
验证结果。