|
|
@@ -18,19 +18,20 @@
|
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
justify-content: center;
|
|
|
+ align-items: center;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
z-index: -1;
|
|
|
+ color: #007aff;
|
|
|
}
|
|
|
|
|
|
.loading {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- border: 10px solid #176af8;
|
|
|
- border-bottom: #cccccc 10px solid;
|
|
|
- border-radius: 50%;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ background: url('./src/assets/img/layoutLoading.png') no-repeat center center;
|
|
|
+ margin: 0 auto 20px;
|
|
|
+ background-size: cover;
|
|
|
-webkit-animation: load 1.1s infinite linear;
|
|
|
}
|
|
|
|
|
|
@@ -44,17 +45,19 @@
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
- <script type="module">
|
|
|
- import { registerEtaComp } from '/public/eta_comp.js'
|
|
|
- registerEtaComp()
|
|
|
- </script>
|
|
|
<body>
|
|
|
- <div class="loading-model" id="#loadingModel">
|
|
|
- <div class="loading"></div>
|
|
|
- <div class="loading-text">资源加载中，请稍候...</div>
|
|
|
+ <div class="loading-model" id="loadingModel">
|
|
|
+ <div>
|
|
|
+ <div class="loading"></div>
|
|
|
+ <div class="loading-text">资源加载中，请稍候...</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div id="app"></div>
|
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
+ <script type="module">
|
|
|
+ import { registerEtaComp } from '/public/eta_comp.js'
|
|
|
+ registerEtaComp()
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
