cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
1
2
3
4
5
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
346196a5
张志伟
新增更新弹窗
|
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
7
8
|
<title>霏微汽车服务平台</title>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.9.6/dist/data-set.min.js"></script>
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
9
|
<!--加载鼠标绘制工具-->
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
10
|
<link rel="icon" href="/favicon.png" type="image/x-icon" />
|
c0d0adc5
莫红玲
试驾路线监控-对接高德地图
|
11
12
|
<!-- 高德地图 -->
<script type="text/javascript">
|
346196a5
张志伟
新增更新弹窗
|
13
14
15
|
window._AMapSecurityConfig = {
securityJsCode: "235e8683072929e38b792ded30736d2d",
};
|
c0d0adc5
莫红玲
试驾路线监控-对接高德地图
|
16
|
</script>
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
17
18
19
20
21
22
|
</head>
<body>
<noscript>Sorry, we need js to run correctly!</noscript>
<div id="root">
<style>
.page-loading-warp {
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
23
|
display: flex;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
24
|
align-items: center;
|
346196a5
张志伟
新增更新弹窗
|
25
26
|
justify-content: center;
padding: 120px;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
27
28
|
}
.ant-spin {
|
346196a5
张志伟
新增更新弹窗
|
29
30
|
position: absolute;
display: none;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
31
32
33
34
35
|
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.65);
|
346196a5
张志伟
新增更新弹窗
|
36
|
color: #1890ff;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
37
38
39
|
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
40
41
|
text-align: center;
vertical-align: middle;
|
346196a5
张志伟
新增更新弹窗
|
42
|
list-style: none;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
43
44
45
46
47
48
|
opacity: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
-webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
346196a5
张志伟
新增更新弹窗
|
49
50
|
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
51
52
53
54
55
56
57
58
59
60
61
|
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
.ant-spin-dot {
position: relative;
display: inline-block;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
62
63
|
width: 20px;
height: 20px;
|
346196a5
张志伟
新增更新弹窗
|
64
|
font-size: 20px;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 9px;
height: 9px;
background-color: #1890ff;
border-radius: 100%;
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.3;
-webkit-animation: antSpinMove 1s infinite linear alternate;
animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
top: 0;
left: 0;
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.ant-spin-dot-spin {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: antRotate 1.2s infinite linear;
animation: antRotate 1.2s infinite linear;
}
.ant-spin-lg .ant-spin-dot {
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
120
121
|
width: 32px;
height: 32px;
|
346196a5
张志伟
新增更新弹窗
|
122
|
font-size: 32px;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
}
.ant-spin-lg .ant-spin-dot i {
width: 14px;
height: 14px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ant-spin-blur {
background: #fff;
opacity: 0.5;
}
}
@-webkit-keyframes antSpinMove {
to {
opacity: 1;
}
}
@keyframes antSpinMove {
to {
opacity: 1;
}
}
@-webkit-keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
</style>
<div class="page-loading-warp">
<div class="ant-spin ant-spin-lg ant-spin-spinning">
<span class="ant-spin-dot ant-spin-dot-spin"
|
346196a5
张志伟
新增更新弹窗
|
166
167
|
><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
><i class="ant-spin-dot-item"></i
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
168
169
170
171
|
></span>
</div>
</div>
</div>
|
346196a5
张志伟
新增更新弹窗
|
172
|
<button id="fw_updater" style="display: none"></button>
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
173
174
|
</body>
</html>
|