飞溅的屏幕。( Angular2)

Question

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

  <app>
    Loading...
  </app>

但是当我想使用Splash组件而不是“加载”时

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