@feizheng/loading-screen

loading-screen

Pure loading-screen for spa.

usage

<!--1. add styles -->
<link rel="stylesheet" type="text/css" href="//https://cdn.jsdelivr.net/npm/@feizheng/loading-screen/dist/index.css"/>

<!--2. add html template -->
<section class="loading-screen">
  <div class="spinner">
    <div class="rect1"></div>
    <div class="rect2"></div>
    <div class="rect3"></div>
    <div class="rect4"></div>
    <div class="rect5"></div>
  </div>
  <span>应用加载中</span>
</section>

preview

• https://afeiship.github.io/loading-screen/

license

Code released under the MIT license.