css - ionic2 - 更改 .loadcontent 的字体属性

Question

我正在使用 LoadingController 来管理加载页面。下面是我的代码:

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 和我的其他文本之间。目前它位于我所有文本的右侧。

Answer 1

我找到了。为了让它工作，你必须将 css 添加到 app.scss:

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