Ionic framework ionic2卡和图标未显示
我对爱奥尼亚并不陌生,但不幸的是,我不明白为什么会发生这种情况 我试图在一个新创建的项目上创建一个简单的卡片列表,但它们似乎不起作用。我试着分别使用图标和卡片,但这似乎也不起作用 正如我所说的,我已经创建了一个全新的项目,使用标准的“home about etc”模板,并将home.HTML文件中的HTML替换为一个带有卡片的div。代码如下:Ionic framework ionic2卡和图标未显示,ionic-framework,ionic2,ionicons,Ionic Framework,Ionic2,Ionicons,我对爱奥尼亚并不陌生,但不幸的是,我不明白为什么会发生这种情况 我试图在一个新创建的项目上创建一个简单的卡片列表,但它们似乎不起作用。我试着分别使用图标和卡片,但这似乎也不起作用 正如我所说的,我已经创建了一个全新的项目,使用标准的“home about etc”模板,并将home.HTML文件中的HTML替换为一个带有卡片的div。代码如下: <ion-header> <ion-navbar> <ion-title>Home</ion-t
<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>
非常感谢 试着这样使用它:
<ion-card>
<ion-card-content>
</ion-card-content>
</ion-card>
在您的index.html
中,您还有
入口点吗?主页组件的代码是什么样子的?@AlexanderStaroselsky我还有它,是的。正如我所说,除了显示“Hello to Ionic2”文本的html代码和上面显示的代码外,我没有做任何更改。我已使用上面主页类组件中的代码编辑了我的文章。请尝试从此模板中删除…
部分,然后查看是否有任何内容呈现。可能`需要额外的配置,并且可能会阻止渲染。同时尝试删除属性padding
,只是为了测试是什么导致了这种情况。@AlexanderStaroselsky删除了和padding,但卡仍然不在那里:/right on!我看到的是v1文档中关于如何指定卡的内容吗?谢谢!:)
<ion-card>
<ion-card-content>
</ion-card-content>
</ion-card>