离子段按钮样式

Question

我为 Android 设备使用离子段按钮创建了一个离子段标签。下面是我的代码

<ion-content>
  <ion-segment color="primary">
    <ion-segment-button value="call">
      <ion-label>Call</ion-label>
    </ion-segment-button>
    <ion-segment-button value="favorite">
      <ion-label>Favorite</ion-label>
    </ion-segment-button>
    <ion-segment-button value="map">
      <ion-label>Map</ion-label>
    </ion-segment-button>
  </ion-segment>
</ion-content>

下面是我得到的输出视图图像，

但我希望输出类似于下图，点击时标签背景颜色。

请帮助我如何在安卓设备上获得它。

Answer 1

您显示的是默认的 iOS 段。

将属性 mode="ios" 添加到 ion-segment。

您可以在 ion-segment-button 上应用样式。

文档：SegmentSegment Button

<ion-segment mode="ios">
    <ion-segment-button value="one" checked>
        One
    </ion-segment-button>
    <ion-segment-button>
        Two
    </ion-segment-button>
    <ion-segment-button>
        Three
    </ion-segment-button>
</ion-segment>