如何扩展MDL微调器？

Question

有没有办法扩展MDL微调器？我试图改变它widht和height属性,但它变得thiner.看一看:

CSS

width: 150px; 
height: 150px

结果

Answer 1

找到了.

您需要设置新属性.

CSS

.mdl-spinner {
  width: 28px;
  height: 28px;
}

.mdl-spinner__circle {
  border-width: 3px;
}

并按比例28/3更改它们.比方说,如果你想让它大3倍,你的代码将如下所示:

CSS

.mdl-spinner {
  width: 84px;
  height: 84px;
}

.mdl-spinner__circle {
  border-width: 9px;
}

小心!如果缩放超过10次,它会对您的FPS产生影响.