Ionic 4 сегментный режим = "md" проверен, не работает - PullRequest
Новая
       23

Ionic 4 сегментный режим = "md" проверен, не работает

0 голосов
/ 25 марта 2019

Я в настоящее время застрял на ионном 4 сегменте, чтобы заставить работать режим = "md". Я на версии 4.1.2. Это код: 

<ion-toolbar text-capitalize>
    <ion-segment mode="md">
      <ion-segment-button value="seg1" text-capitalize checked>
        segment1
      </ion-segment-button>
      <ion-segment-button value="seg2" text-capitalize>
        segment2
      </ion-segment-button>
      <ion-segment-button value="seg3" text-capitalize>
        segment3
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>

У кого-нибудь есть идея, почему она не работает? Когда я захожу на сайт с адаптивным режимом Chrome iOS, я вижу сегмент iOS, а не сегмент md.

Ответы [ 2 ]

0 голосов
/ 29 марта 2019

Вы должны изменить режим на класс, как показано ниже обновленный код

<ion-toolbar class="md" text-capitalize> <ion-segment class="md"> <ion-segment-button value="seg1" text-capitalize checked> segment1 </ion-segment-button> <ion-segment-button value="seg2" text-capitalize> segment2 </ion-segment-button> <ion-segment-button value="seg3" text-capitalize> segment3 </ion-segment-button> </ion-segment> </ion-toolbar>

В глобальном масштабе вы можете использовать, как показано ниже код import { IonicModule } from '@ionic/angular'; @NgModule({ ... imports: [ BrowserModule, IonicModule.forRoot({ rippleEffect: false, mode: 'md' }), AppRoutingModule ], ... })

0 голосов
/ 25 марта 2019

Можете ли вы попробовать добавить режим md на панель инструментов?

<ion-toolbar mode="md" text-capitalize> <ion-segment mode="md"> <ion-segment-button value="seg1" text-capitalize checked> segment1 </ion-segment-button> <ion-segment-button value="seg2" text-capitalize> segment2 </ion-segment-button> <ion-segment-button value="seg3" text-capitalize> segment3 </ion-segment-button> </ion-segment> </ion-toolbar>

...