ionic-framework - 按钮垂直对齐内的 ionic 微调器

Question

我试图实现一个 spinner在一个按钮内，但由于某种原因，微调器似乎是顶部对齐而不是垂直居中:


我的代码如下:

<button type="submit" class="button button-block button-positive">
<ion-spinner class="spinner-energized"></ion-spinner> Click me!
</button>

代码笔:http://codepen.io/anon/pen/BjOqvK?editors=1010

知道为什么吗？

Answer 1

Ionic 团队提供了以下解决方案:

.spinner svg {
  width: 16px !important;
  height: 16px !important;
}

New codepen

他们给了我更多的背景信息:

This was not the intended use for ion-spinner, so custom css is needed. You need to adjust the width/height.