带标签的 Ionic 2 广告横幅活动

Question

我想在 ionic 2 中的 tabs 上方添加 广告横幅活动图片。

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

Answer 1

您可以使用 <ion-footer>

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

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

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

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

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

您应该将样式放入一个scss 文件中，并将边距调整为tabbar 的高度。不过，我还是建议使用第一个选项。

Ionic 2 ads banner campaign with tabs