角度 – 如何在IONIC 3中的离子项部分内显示两个离子场

发布时间：2020-12-17 17:03:36 所属栏目：安全来源：网络整理

导读：我需要在一行中显示两个输入字段,如下所示：但是当我使用时： ion-listion-item ion-label stacked Phone Number/ion-label ion-grid ion-row ion-col ion-input type="tel" placeholder="Area code"/ion-input /ion-col ion-col ion-input type="tel" plac

我需要在一行中显示两个输入字段,如下所示：

enter image description here

但是当我使用时：

<ion-list>
<ion-item>
  <ion-label stacked> Phone Number</ion-label>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-input type="tel" placeholder="Area code"></ion-input>
      </ion-col>
      <ion-col>
        <ion-input type="tel" placeholder="Number"></ion-input>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-item>

但它没有显示任何屏幕像：

enter image description here

请帮我.

解决方法

请尝试在离子项之前添加离子行.我希望这可以帮到你.谢谢

<ion-list>

  <ion-label stacked> Phone Number</ion-label>

    <ion-row>
    <ion-item col-6>
        <ion-input type="tel" placeholder="Area code"></ion-input>
    </ion-item>
    <ion-item col-6>
        <ion-input type="tel" placeholder="Number"></ion-input>
    </ion-item>
    </ion-row>

</ion-list>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!