Ionic 2 loadingController cssClass不工作
Ionic 2 loadingController cssClass不工作
提问于 2017-03-30 01:19:10
我希望我的loadingController包装器以定制的css样式显示，但是css的规则不适用于元素( loadingController包装器)。
我的组件中包含以下内容：
ionViewDidLoad() {
let loader = this.loadingController.create({
spinner: 'bubbles',
content: 'getting data...',
cssClass: 'loadingwrapper'
});
loader.present().then(() => {
//some stuff
...
loader.dismiss();
});
}在我的css文件中：
.loadingwrapper{
width: 77% !important;
height: 15% !important;
color: black !important;
font-size: 1.25em !important;
background-color: aliceblue !important;
border-radius: 10px !important;
}尽管这样做了(我甚至试过没有"!important")，但这些更改(没有一个)并不适用于加载包装器，而且显示得有点糟糕。
回答 2
Stack Overflow用户
发布于 2017-03-30 02:51:12
不确定您将css应用于何处，但是如果您在页面组件文件中应用css，您将会遇到困难，因为加载控制器位于页面选择器之外。因此，如果页面组件名称是Foobar，并且您有一个.scss文件foobar.scss
page-foobar{
.loadingwrapper{
// not going to work
}
}您可以将其全局添加到您的app/app.scss文件中，或者(我认为这会起作用)
.md,.ios,.wp{
page-foobar{
.loadingwrapper{
// styles!
}
}
}Stack Overflow用户
发布于 2017-03-30 03:21:32
您必须在variables.scss文件中全局执行此操作。
安卓
$loading-md-border-radius:10px;ios
$loading-ios-border-radius: 10px视窗
$loading-wp-border-radius: 10px你可以看到。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43100075
复制相关文章
相似问题
腾讯云开发者
