Question

我目前停留在离子4段上，以使mode =“ 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段。

Answer 1

您可以尝试将模式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>

Answer 2

您必须将模式更改为以下更新的代码

<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 ], ... })

离子4段模式=“ md”检查不起作用

2 个答案: