Html 离子2输入具有隐藏的窗体输入区域

我已经实现了一个登录页面，但是表单没有显示输入区域（行）

这就是我所拥有的

            <ion-list>

              <ion-item>
                <ion-label fixed>Username</ion-label>
                <ion-input type="text"></ion-input>
              </ion-item>

              <ion-item>
                <ion-label fixed>Password</ion-label>
                <ion-input type="password"></ion-input>
              </ion-item>

            </ion-list>
            <ion-list>

用户名
密码

上述情况会产生

我一直盼望着有一天

---

正如您看到的，输入字段在第一张图像上不可见，我还需要添加什么？

只需检查您是否包含了.css文件并在index.html中引用了它

<ion-navbar *navbar>
  <ion-title>
    Ionic 2
  </ion-title>
</ion-navbar>
<ion-content >
  <ion-list>
    <ion-item>
      <ion-label fixed>Username</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label fixed>Password</ion-label>
      <ion-input type="password"></ion-input>
    </ion-item>
  </ion-list>
</ion-content>

离子2
用户名
密码

---

我知道哪里出了问题，我把它放在卡片里了，这就是为什么它会失去轮廓。你对如何将表单放入卡片中并保留表单大纲有什么想法吗？你可以为相同的表单创建一个插件，并在下面发布