时间戳

首页 > 解决方案 > 如何在屏幕中间放置标签

html - 如何在屏幕中间放置标签

问题描述

是否可以在 ionic 4 中将 ion-tab 放置在屏幕中间。我在页面顶部有一个带有一些文本的图像。是否可以将 ion-tabs 放置在屏幕中间的下方图像和内容。

<ion-tabs>
  <ion-tab-bar slot="center">
    <ion-tab-button tab="schedule">
      <ion-icon name="calendar"></ion-icon>
      <ion-label>Schedule</ion-label>
      <ion-badge>6</ion-badge>
    </ion-tab-button>

    <ion-tab-button tab="speakers">
      <ion-icon name="contacts"></ion-icon>
      <ion-label>Speakers</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="map">
      <ion-icon name="map"></ion-icon>
      <ion-label>Map</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="about">
      <ion-icon name="information-circle"></ion-icon>
      <ion-label>About</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

标签： htmlcssionic4

解决方案

您可以尝试使用离子段，这可能是最好的选择。 api在这里

推荐阅读