离子CSS组件样式不起作用

Question

Screenshot of original card

我只是将离子组件的HTML代码复制到我的应用程序中，但它的样式不像原始样本。

<ion-view view-title="About us">
  <ion-content padding>
    <h1>About us</h1>
    <ion-card>
       <ion-card-header>
         Header
       </ion-card-header>
       <ion-card-content>
          The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
       </ion-card-content>
    </ion-card>    
  </ion-content>
</ion-view>

但它会返回Screenshot of result page

我检查过所有css和js正在页面上工作，除了离子组件。

Answer 1

好的，我遇到了问题。这是离子v1和v2的不同文档，但谷歌只列出离子v2文档。

http://ionicframework.com/docs/v1/components

http://ionicframework.com/docs/components

感谢您的所有时间。