启动画面。 （Angular2）

Question

我正在使用webpack + angular2入门套件。

  <app>
    Loading...
  </app>

但是当我想使用Splash组件而不是＆＃34; Loading＆＃34;

时

  <app>
    <splash></splash>
  </app>

我没有任何闪屏。

有人可以帮助我吗？

Answer 1

我的实施：

<app>

  <div class="splashPage">
    <div class="splashHeader">
      Please wait, we are preparing unTill WM for you. <br>
      Just few moments left.
    </div>
    <div class="spinner">
      <img id="logo" src="../assets/img/Logo_112x112.png" />
      <img id="spinnerCircle" src="../assets/img/spinner.png" />
    </div>
    <div class="splashFooter">
      <div class="mobileLabel">Available on</div>
        <div class="mobileApps">
                <img src="../assets/img/Apple.png"/>
                <img src="../assets/img/Android.png"/>
                <img src="../assets/img/Windows.png"/>
        </div>

    </div>
  </div></app>

在应用开始工作之前，可以看到启动画面。

还在头部添加了css：

<link href="assets/css/splash.css" rel="stylesheet" type="text/css" />