2016-11-03 8 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-コンテンツのでしょうか? – Ivaro18

+0

ちょうど試しました。働いていない – sooon

答えて

0

私はそれを見つけました。 `仕事、それが機能するためには、あなたがapp.scsscssを追加する必要があります:{!} 12ピクセル重要.loadheader:::{フォントサイズ}

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