master

分支 (1)

管理

管理

master

nice-moral-front
/
index-test.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,height=device-height,initial-scale=1"
    />
    <link rel="shortcut icon" href="static/img/favicon.ico" type="image/icon" />
    <title>蓝得系统管理后台</title>
    <style>
      .project-loading {
        background: #fff;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100000;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      /* .project-loading .loader {
      }
       @-webkit-keyframes line-scale-pulse-out {
        0% {
          -webkit-transform: scaley(1);
          transform: scaley(1);
        }
        50% {
          -webkit-transform: scaley(0.4);
          transform: scaley(0.4);
        }
        100% {
          -webkit-transform: scaley(1);
          transform: scaley(1);
        }
      }
      @keyframes line-scale-pulse-out {
        0% {
          -webkit-transform: scaley(1);
          transform: scaley(1);
        }
        50% {
          -webkit-transform: scaley(0.4);
          transform: scaley(0.4);
        }
        100% {
          -webkit-transform: scaley(1);
          transform: scaley(1);
        }
      }
      .line-scale-pulse-out > div {
        width: 3px;
        height: 33px;
        border-radius: 2px;
        margin: 1px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
        -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
        animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
      }
      .line-scale-pulse-out > div:nth-child(2),
      .line-scale-pulse-out > div:nth-child(4) {
        -webkit-animation-delay: -0.4s !important;
        animation-delay: -0.4s !important;
      }
      .line-scale-pulse-out > div:nth-child(1),
      .line-scale-pulse-out > div:nth-child(5) {
        -webkit-animation-delay: -0.2s !important;
        animation-delay: -0.2s !important;
      } */
    </style>
  </head>
  <body>
    <!-- <script src="static/js/vue.min.js"></script>
    <script src="static/js/axios.min.js"></script>
    <script src="static/js/vue-router.min.js"></script>
    <script src="static/js/vuex.min.js"></script> -->
    <div id="itqms">
      <div class="project-loading">
        <div class="loader">
          <img
            src="static/img/loading.gif"
            style="width: 200px;height: 200px;"
            alt=""
          />
          <!-- <div class="loader-inner line-scale-pulse-out">
            <div style="background:#f95476"></div>
            <div style="background:#ffb74e"></div>
            <div style="background:#4886ff"></div>
            <div style="background:#ffb74e"></div>
            <div style="background:#f95476"></div>
          </div> -->
        </div>
      </div>
    </div>
  </body>
</html>