離子CSS組件樣式不起作用

Question

原始卡的屏幕截圖

我只是將離子組件的HTML代碼復制到我的App中，但其樣式卻不像原始示例。

<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>

但它返回了此結果頁面的屏幕截圖

我已經檢查了所有css和js是否可以在頁面上工作，但離子組件除外。

Answer 1

好的，我有問題。 這是ionic v1和v2的不同文檔，但Google僅列出ionic v2文檔。

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

http://ionicframework.com/docs/components

感謝您的時間。