Question

我是Ionic框架的新手 - （使用Ionic框架3）

<ion-row>
      <ion-col>
        <ion-list inset>
            <ion-item>
                <ion-input name="products" id="" type="text" required></ion-input><br>
                <ion-input name="products" id="" type="text" required></ion-input><br>
            </ion-item>
        </ion-list>
      </ion-col>
</ion-row>

以上离子html代码并排生成输入字段。但是我想要一个接一个地输入字段

请参阅说明我的问题的附件。

请指导我正确的方法。谢谢。 Issue image

Answer 1

只需将每个输入字段放在一个ion-item中，如Ionic docs中所述：

<ion-row>
  <ion-col>
    <ion-list inset>
      <ion-item>
        <ion-input name="products" id="" type="text" required></ion-input>
      </ion-item>
      <ion-item>
        <ion-input name="products" id="" type="text" required></ion-input>
      </ion-item>
    </ion-list>
  </ion-col>
</ion-row>

如何在离子列表中逐个对齐离子输入

1 个答案: