Question

我再次问这个问题，因为我之前的问题不明确。我将在离子框架中绘制一个屏幕，在页脚部分中，我想创建与图像相连的相同内容。我已经尝试了以下代码，图片下面没有文字

<ion-footer-bar align-title="left" class="bar-assertive">
<button class="button button-icon">
<i class="icon ion-plus"></i> 
<p>styles</p>
</button>
</ion-footer-bar>

Answer 1

使用ion-tabs非常简单......使用自定义图标请参阅此link

<ion-tabs class="tabs-positive tabs-icon-top">

  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
    <!-- Tab 2 content -->
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
    <!-- Tab 3 content -->
  </ion-tab>

</ion-tabs>

如何在离子框架中，在页脚部分中将文本放在图像下方

1 个答案: