主题iOS段，例如MD段

Question

正在尝试在我的一个Ionic2项目中为iOS上的片段组件样式样式。

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

Answer 1

您只需要设置这样的 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>

---

update

AS Zhang Bruce 在评论中提到的，当使用 Ionic 4 时，您也必须为每个片段按钮添加mode="md"：

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