Blame view

src/pages/document.ejs 4.94 KB
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>