离子 css 代码不适用于离子卡或按钮

Question

我的 ionic 应用程序的 css 无法正常工作。

正如您所看到的，它注意到我正在使用 wp rest api 并获取要显示的内容，但我正在尝试做一个离子卡 https://ionicframework.com/docs/v2/components/#card-list 但 css 既不能在卡上也不能在我的按钮上工作尝试删除 ion-list 上的 ng-repeat 但它与我在检查元素中检查的相同，但它似乎没有将任何类或 css 添加到任何内容中，只是一些边距和填充我包括离子 css 文件但是它不会改变任何东西

这是我的代码：

<ion-view view-title="Home">
  <ion-content>
    <ion-card>
 <ion-card-header>
    Articals
  </ion-card-header>

  <ion-list  ng-repeat="page in content">
    <button ion-item>
            <img src="img/logo.png" width="50">
            <button ion-button outline item-right icon-left color="dark">
      <ion-icon name="ion-ios-book"></ion-icon>
      View
    </button>
    </button>
</ion-card>
  </ion-content>
</ion-view>

这就是这里所包含的内容：

<meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>
 <link rel="manifest" href="manifest.json">
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="cordova.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
  </head>

谢谢！

Answer 1

尝试为按钮添加以下内容，

<button ion-button outline item-right icon-left class="button button-dark">

卡看看this，看起来你在使用V2，尝试使用V1。