Question

我希望在Ionic2框架中有一个固定的徽标。我在页面之间进行了转换，页面和页面都被滑入。我想知道我是否可以将页眉/徽标保持在页面上的任何位置之上。

<ion-header>
    <a  (click)="goToRoot()" ><img src="assets/img/topBar-iPad.png" alt=""/></a>
</ion-header>


<ion-content padding>
 </ion-content>

我已尝试使用工具栏，但这也无效。

Answer 1

如果要在标题中放置图像，可以使用以下代码：

<ion-header>
<ion-navbar>
    <ion-title>Title</ion-title>
    <ion-buttons end>
        <img height="35px" width="35px" src="assets/img/topBar-iPad.png">
    </ion-buttons>
</ion-navbar>
</ion-header>

Answer 2

如果您的应用随着时间的推移变得有点复杂，这可能会有点棘手，但您可以做的是将<ion-header>元素添加到app.html中找到的src -> app文件中。

将其设置在您导航到的页面之上的顶层。

如果您的应用确实变得复杂，只有在某些情况下您希望工具栏固定在顶部，您可能需要根据元素创建自定义组件或传入*ngIf（或[hidden]=""）然后编写逻辑以支持其可见性。

修复了Ionic 2内容/导航栏上方的标题页面转换

2 个答案: