离子标签底色

嗨，我使用离子开发移动应用程序。我用离子选项卡模板。在屏幕的底部，标签的背景仍然是白色的。我不知道如何改变背景。我只用以下代码更改图标的颜色。我如何更改背景标签颜色。

<ion-tabs class="tabs-icon-top tabs-color-{{theme.primary}}" > 
     <ion-tab title="Cards" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash"> 
      <ion-nav-view name="tab-dash"> 
      </ion-nav-view> 
     </ion-tab> 
</ion-tabs>

来源

2016-02-05 UniSound Waterloo

你需要添加tabs-background-positive类

<ion-tabs class="tabs-icon-top tabs-color-{{theme.primary}} tabs-background-positive" > 
     <ion-tab title="Cards" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash"> 
      <ion-nav-view name="tab-dash"> 
      </ion-nav-view> 
     </ion-tab> 
</ion-tabs>

来源

2016-02-05 05:57:05

您可以添加其他离子的颜色类也如 -

光 - 白色
稳定 - 浅灰色
自信 - 红色
平静 - 浅蓝色
黑 - 黑配色
通电 - 黄色
王室 - 紫色
平衡 - 绿色

只需更换“选项卡，背景阳性”与以上选项。

来源

2016-02-05 11:52:47 Aman

如果你想要的标签背景是黑色的？ –

你可以添加类-dark（已经在上面列表中提到过） – Aman

黑暗不是黑色 –

我有同样的问题，我没有得到任何解决方案的工作。在app.scss

我的家居解决方案：

.tabbar { 
    background: red !important; 
    color: #bbb !important; 
    & .tab-button { 
     color: #bbb !important; 
     & .tab-button-icon { 
      color: #bbb !important; 

     } 

    } 
    & .tab-button[aria-selected=true]{ 
     // text-shadow: 1px 0px #eaeaea; 
     color: white !important; 
     & .tab-button-icon { 
      text-shadow: 1px 0px #eaeaea; 
      color: white !important; 

     } 
    } 
}

来源

2017-10-06 12:19:13

只是为了澄清这个工作吗？ – WhatsThePoint

离子标签底色

回答

相关问题