我是离子的新手,在我的项目中,我正在使用离子标签 .
在我使用自定义图像作为标签图标时,每个标签有两个图像,一个用于图标开,另一个用于图标关 .
问题是,虽然点击标签标签图标变得更大并且在几毫秒之后再次变得正常,即在相同位置意味着它正在跳跃或闪烁 .
所以我不希望图标跳跃,它保持原来的固定位置 .
如果任何人有相同的解决方案,请帮助我 .

我的更新问题
style.css

.tabs .tab-item .icon.home {  
  background-repeat: no-repeat;  
  background-position: 50%;  
  height: 80%;  
  background-image: url("../img/App icons/home.png");  
  background-size:contain;  
}  
.tabs .tab-item .icon.home-selected {  
  background-repeat: no-repeat;  
  background-position: 50%;  
  height: 80%;  
  background-image: url("../img/App icons/home-selected.png");  
  background-size:contain;  
}

标签代码在我 menu.html

<ion-tabs>  
      <ion-tab title="Home" icon-off="home" icon-on="home-selected" href="#/app/home">  
        <ion-nav-view name="tab-home"-></ion-nav-view>  
      </ion-tab>  
</ion-tabs>

提前致谢 .