离子离子导航条

Question

我必须成功使ion-navbar透明。 我试图将其设置为透明，但这不起作用。

comm

page.html

"devDependencies": {
        "@ionic/app-scripts": "2.1.3",
        "ionic": "3.20.0",
        "typescript": "2.3.4",
        "electron": "^1.6.5"
    },

Answer 1

您尝试使用它的不透明度吗？试试这个：

HTML文件：

<ion-navbar class="transparent-nav-bar">
   <ion-title>
      {{show.title}}
    </ion-title>
</ion-navbar>

SCSS文件：

.transparent-nav-bar {
    opacity: 0;
}

Answer 2

尝试通过在$ colors映射中添加属性，然后在src/theme/variables.scss文件中添加自定义颜色，然后像这样调用它。

<ion-navbar color="custom">

Answer 3

如果您想找到合适的班级，请尝试以下操作：

.toolbar-background.toolbar-background-md{
     background-color: transparent;
}