Ionic 2广告横幅广告系列与标签

Question

我想在tabs的{​​{1}}上方添加广告横幅广告系列图片。

所以我的问题是关于这个或如何在这个位置创建这个横幅？

Answer 1

您可以使用<ion-footer>

执行此操作

<ion-content>
  ...
</ion-content>

<ion-footer>
  <ion-title>Footer</ion-title>
</ion-footer>

https://ionicframework.com/docs/v2/api/components/toolbar/Footer/

要将其添加到每个页面，我可能会创建一个自定义指令并将其添加到每个页面。

或者，您可以将其添加到tabs.html：

<ion-footer style="margin-bottom: 42px;">
  <ion-toolbar>
    <ion-title>Footer</ion-title>
  </ion-toolbar>
</ion-footer>

您应该将样式放入scss文件中，并将边距调整为标签栏的高度。但是，我仍然建议使用第一个选项。