闪屏。（角度2）

Question

我正在使用 webpack + angular2 初学者工具包。

  <app>
    Loading...
  </app>

但是当我想使用 Splash 组件而不是 "Loading"

  <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" />

闪屏。（角度2）

Splash screen. ( Angular2)

splash-screen

typescript

angular

闪屏。 （角度2）

Splash screen. ( Angular2)

splash-screen

typescript

angular

闪屏。（角度2）