0

我对 Ionic 并不陌生,但不幸的是我无法弄清楚为什么会这样。

我正在尝试在新创建的项目上创建一个简单的卡片列表,但它们似乎不起作用。我尝试分别使用图标和卡片,但这似乎也不起作用。

正如我所说,我创建了一个全新的项目,具有标准的“home-about-etc”模板,并将 home.html 文件中的 HTML 替换为带有卡片的 div。这是代码:

 <ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="card">
    <div class="item item-divider">
      I'm a Header in a Card!
    </div>
    <div class="item item-text-wrap">
      This is a basic Card with some text.
    </div>
    <div class="item item-divider">
      I'm a Footer in a Card!
     </div>
   </div>
 </ion-content>

这是目前正在调查的一个常见问题吗,因为我真的不知道我可能做错了什么,因为我刚刚创建了这个全新的项目并直接从 v2 复制粘贴了卡片模板网站?

编辑:

Home.ts 类的代码:

 import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

}

非常感谢!

4

1 回答 1

0

尝试这样使用它:

<ion-card>
  <ion-card-content>
  </ion-card-content>
</ion-card>
于 2017-02-04T10:40:27.300 回答