2016-11-03 48 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; 
    } 
}