css - 如何使 Ionic 2 中的选项卡透明？

Question

我正在使用 Ionic 3，我需要使选项卡 ( https://ionicframework.com/docs/api/components/tabs/Tabs/ ) 透明或更改不透明度级别以在滚动卡片列表时产生半透明效果。我试过通过 CSS 修改很多元素(选项卡本身、它们的 parent 和 child )，但一点运气都没有。

Answer 1

如果你想直接修改类你需要添加

.md,.ios,.wp{}

为了覆盖构建中基于 ionic 的样式。所以它会像

.md,.ios,.wp{
    ion-tabs{
        opacity:0.4;
    }
}

您也可以尝试在 theme/variables.scss 文件中创建一个 sass 变量。然后将该颜色应用于颜色属性。

 $colors:{
 ...
  tabs-color :  rgba(255,255,255,0.1);
 }

 ----
 <ion-tabs color="tabs-color">