Question

我正在使用Ionic构建应用程序并使用指令<ion-tabs></ion-tabs>

每个tab指令都是标准的，例如： <ion-tab title="Sync" icon-off="ion-android-sync" icon-on="ion-android-sync" href="#/tab/sync"><ion-nav-view name="tab-sync"></ion-nav-view></ion-tab>

当应用程序忙于同步时，我喜欢静态＆＃34; ion-android-sync＆＃34;动画。

我看到有<ion-spinner></ion-spinner>来显示微调器，但我不确定如何在标签内显示动画微调器图标 - 任何人都知道如何做到这一点？

Answer 1

我没有一个明确的解决方案，我不确定这是否是最好的方法，但在我看来，实现这一目标的最佳方法是剖析<ion-tab>元素，会产生以下结果：

<a class="tab-item" href="#/tab/sync">
  <i class="icon"><ion-spinner></ion-spinner></i>
</a>

不幸的是，我找不到一个看起来像你使用的ion-android-sync图标的微调器。当然，在图标之间进行此切换需要更多代码，但这是一个开始。

在Ionic选项卡中使用动画图标

1 个答案: