主题ios段像md段

时间:2017-02-28 22:29:44

标签: angular ionic-framework ionic2 ionic3

我试图在ios上设置Segment组件的样式,就像我的一个ionic2项目中的Material Design上Segment的默认样式一样。

任何人都可以帮助提供理想的方法吗?

1 个答案:

答案 0 :(得分:25)

您只需要像这样设置mode属性:

<ion-segment mode="md" [(ngModel)]="selectedTab">
    <ion-segment-button value="segment1">
        Segment 1
    </ion-segment-button>
    <ion-segment-button value="segment2">
        Segment
    </ion-segment-button>
</ion-segment>

如果细分在ion-toolbar内,您可以设置模式,以便工具栏具有Android上的高度:

<ion-toolbar mode="md">
    <ion-segment mode="md" [(ngModel)]="selectedTab">
        <ion-segment-button value="segment1">
            Segment 1
        </ion-segment-button>
        <ion-segment-button value="segment2">
            Segment
        </ion-segment-button>
    </ion-segment>
</ion-toolbar>