离子段按钮样式

时间:2019-07-31 12:15:07

标签: ionic-framework

我使用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>

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

enter image description here

但是我希望输出类似于下面的图片,点击时带有标签的背景色。

enter image description here

请帮助我如何为Android设备获取该信息。

1 个答案:

答案 0 :(得分:1)

您显示的是默认的iOS细分。

将属性mode =“ ios”添加到离子段中。

您可以在离子段按钮上应用样式。

文档:Segment Segment 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>