Question

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

我的更新问题
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>

先谢谢。

离子标签图标是跳跃/闪烁

0 个答案: