Ионные 4 метки

Question

У меня проблема с ярлыками на Ionic v4.Когда я посмотрю на скриншот, вы увидите странный взгляд.

Но мой код только что скопирован из Ionic Docs.Вот мой код

[![<ion-header>
  <ion-toolbar color="primary">
    <ion-title>
      Titel
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label>Default</ion-label>
      <ion-input></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="fixed">Fixed</ion-label>
      <ion-input></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="floating">Floating</ion-label>
      <ion-input></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="stacked">Stacked</ion-label>
      <ion-input></ion-input>
    </ion-item>
  </ion-list>
</ion-content>]

скриншот

Answer 1

Вы можете попробовать удалить тег, потому что на их официальном сайте они не использовали тег для обертывания элементов. Так что вы можете попробовать вот так -

<!-- Inputs with labels -->
<ion-item>
  <ion-label>Default Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="floating">Floating Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="fixed">Fixed Label</ion-label>
  <ion-input></ion-input>
</ion-item>

<ion-item>
  <ion-label position="stacked">Stacked Label</ion-label>
  <ion-input></ion-input>
</ion-item>