2016-11-03 29 views
0

我使用LoadingController来管理加载页面。下面是我的代码:ionic2 - 更改.loadcontent的字体属性

presentLoadingCustom() { 
    let loading = this.loadingCtrl.create({ 
    spinner: 'hide', 
    content: ` 
     <div padding> 
      <div class="loadingheader">processing...</div > 
     </div> 
     <div> 
      <p> 
      Verifying your mobile phone number 
      </p> 
      <p>`+ 
     " 011 232 43146" 
      + 
      ` 
      </p> 
      <p> 
      Please wait 
      </p> 
     </div> 
     `, 
    duration: 100000 
    }); 
  1. 如何更改的loadheader字体大小?我试着在同一页面的scss文件中添加css代码但失败。

  2. 如何把微调器放在我想要的位置?假设我想把loadheader和我的其他文字放在一起。目前它在我所有文字的正确位置。

+0

不'.loading内容:{.loadheader:{字体大小:12px的重要;}}'工作? – Ivaro18

+0

刚刚尝试过。不工作 – sooon

回答

0

我找到了。为了它的工作,你必须添加cssapp.scss

.loading-wrapper{ 
    text-align: center; 
    .loadheader{ ///<---my custom class for loading 
    padding-bottom: 10px; 
    font-size: 20px; 
    } 
}