javascript - Ionic css 代码不适用于 ionic 卡或按钮

标签 javascript html css angularjs ionic-framework

我的 ionic 应用程序的 css 不起作用。

enter image description here

正如你所看到的,它确实注意到我正在使用 wp rest api 并显示内容,但我正在尝试做一张 ionic 卡 https://ionicframework.com/docs/v2/components/#card-list但CSS在卡或按钮上都不起作用我尝试删除 ionic 列表上的ng-repeat,但它执行与我在检查元素中检查的相同的操作,但它似乎没有添加任何类或CSS任何东西只是一些边距和填充我包括 ionic 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>

谢谢!

最佳答案

尝试添加以下按钮,

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

对于卡片,请查看 this ,而且看起来您正在使用V2,请尝试使用V1。

关于javascript - Ionic css 代码不适用于 ionic 卡或按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41749478/

相关文章:

JavaScript 按钮值和进度条

javascript - 从 ul 中删除 li jQuery

html - Bootstrap 轮播标题无响应

html - 如何在另一个元素下显示一个元素?

css - 使用属性溢出可见的表内的 ngx-dropdown 可见性

javascript - 塌边向上开口

javascript - 如何关闭弹出窗口并在成功时将控制权返回到父页面

javascript - 使用 forEach 比较两个数组并根据条件添加不同的 html 元素

html - 内部 div float 在父级外部

css - 使 Material UI 抽屉保持相同大小,而不是在内容大小更改时调整大小