[英]Ionic css code not working for ion-card or a button
我的離子應用程序的CSS不起作用。
你可以看到它注意到我使用wp rest api並獲取內容顯示但我正在嘗試做一個離子卡https://ionicframework.com/docs/v2/components/#card-list但css我沒有在卡上或按鈕上工作我嘗試刪除離子列表上的ng-repeat但是它做了同樣的事情,我檢查了inspect元素但它似乎沒有添加任何類或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>
謝謝!
嘗試為按鈕添加以下內容,
<button ion-button outline item-right icon-left class="button button-dark">
而對於卡看這個 ,也看起來你正在使用V2,嘗試使用V1。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.