离子组件在框架中不起作用

时间:2018-10-09 05:43:33

标签: ionic-framework angular6 ionic4

我已经建立了离子环境

1)nodenpm

2)cordovaionicsidemenu模板

在应用程序中使用ionic 4个组件时,其类不起作用

enter image description here

您可以看到它显示没有CSS的按钮。

感谢您的帮助。 谢谢

1 个答案:

答案 0 :(得分:0)

组件正在运行,我可以在控制台中看到<ion-content><ion-header>。可能您的css无法正常工作,请在html中尝试

<ion-content padding>
  <button ion-button class="btn">My button</button>
</ion-content>

和在scss

.btn{
        background: red;
 }

您可以在此 btn 类中更改其css属性,并且应在运行应用程序时反映出来