|
@@ -22,15 +22,15 @@
|
22
|
22
|
}
|
23
|
23
|
|
24
|
24
|
.page-loading {
|
25
|
|
- width: 641px;
|
26
|
|
- height: 641px;
|
|
25
|
+ width: 100vw;
|
|
26
|
+ height: 100vw;
|
27
|
27
|
}
|
28
|
28
|
|
29
|
29
|
.page-loading .loading-image {
|
30
|
|
- width: 146px;
|
31
|
|
- height: 146px;
|
32
|
|
- background: url(./images/loadingBgc.jpg) no-repeat 100% 100%;
|
33
|
|
- animation: loadingrotate 2s linear infinite;
|
|
30
|
+ width: 25vw;
|
|
31
|
+ height: 25vw;
|
|
32
|
+ animation: loadingrotate 4.5s linear infinite;
|
|
33
|
+ margin: auto;
|
34
|
34
|
}
|
35
|
35
|
|
36
|
36
|
.page-loading .loading-tips {
|
|
@@ -48,7 +48,9 @@
|
48
|
48
|
<body>
|
49
|
49
|
<div class="page-loading-wrapper">
|
50
|
50
|
<div class="page-loading">
|
51
|
|
- <div class="loading-image"></div>
|
|
51
|
+ <div class="loading-image">
|
|
52
|
+ <img src="./images/loading.png" width="100%" alt="">
|
|
53
|
+ </div>
|
52
|
54
|
<div class="loading-tips">
|
53
|
55
|
<img src="./images/loading_bar.png" width="100%" alt="">
|
54
|
56
|
</div>
|