justin.xing
/
SSS-Frontend


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE html>
<html>

<head>
  <base href="/">
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="Designed by Justin@VINNO">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="VINNO工时计算系统">
  <link rel="icon" type="image/png" href="favicon.png" />
  <script src="setting.js"></script>
  <script src="flutter.js" defer></script>
  <title>VINNO工时计算系统</title>
</head>

<body>
  <div id="loading">
    <style>
      body {
        inset: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: fixed;
        background-color: white;
      }

      #loading {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

      #loading img {
        animation: 1s ease-in-out 0s infinite alternate breathe;
        opacity: .66;
        transition: opacity .4s;
      }


      #loading.main_done img {
        opacity: 1;
      }

      #loading.init_done img {
        animation: .33s ease-in-out 0s 1 forwards zooooom;
        opacity: .05;
      }

      @keyframes breathe {
        from {
          transform: scale(1)
        }

        to {
          transform: scale(0.95)
        }
      }

      @keyframes zooooom {
        from {
          transform: scale(1)
        }

        to {
          transform: scale(10)
        }
      }
    </style>
    <img src="icons/loading.png" />
    <div id="loading_status" style="text-align: center; color: black;">正在下载运行库...</div>
  </div>
  <!-- Ensure first time loading progress is gone after app loads -->
  <script>
    function jumpToUrl(url) {
      window.location.href = url;
    }

    function sleep(delay) {
      var start = new Date().getTime();
      var end = start + delay;
      while(true){
        if(new Date().getTime() > end){
          return;
        }
      }
    }

    var serviceWorkerVersion = null;
    var scriptLoaded = false;

    window.addEventListener('load', function (ev) {
      var loading = document.querySelector('#loading');
      var loading_status = document.querySelector('#loading_status');
      // Download main.dart.js
      _flutter.loader.loadEntrypoint({
        //entrypointUrl: 'https://static-1300984704.cos.ap-shanghai.myqcloud.com/main.dart.js',
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        }
      }).then(function (engineInitializer) {
        loading.classList.add('main_done');
        loading_status.innerHTML = '正在下载渲染引擎...';
        return engineInitializer.initializeEngine({
          //canvasKitBaseUrl: 'https://static-1300984704.cos.ap-shanghai.myqcloud.com/'
        });
      }).then(function (appRunner) {
        loading_status.innerHTML = '系统启动中...';
        loading.classList.add('init_done');
        return appRunner.runApp();
      }).then(function (app) {
        window.setTimeout(function () {
          loading.remove();
        }, 200);
      });
    });

  </script>
</body>

</html>