-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (112 loc) · 3.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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
<!--
* @Author: your name
* @Date: 2021-10-15 15:43:39
* @LastEditTime: 2022-04-08 17:42:25
* @LastEditors: matiastang
* @Description: In User Settings Edit
* @FilePath: /matias-pinia-persisted-state/index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
<link rel="icon" href="./public/favicon.ico" />
<meta name="renderer" content="webkit" />
<meta https-equiv="X-Frame-Options" content="deny" />
<meta
name="keywords"
content="基金,金融数据库,智能投顾,财富管理,金融大数据,基金大数据,基金ai,公募基金,私募基金,养老金产品,银行理财,基金研究,资产配置"
/>
<meta name="description" content="测试" />
<title>测试</title>
<style>
html {
font-size: 10px;
}
:root {
--font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial,
'Liberation Sans', 'Hiragino Sans GB', 'Source Han Sans CN Normal',
'Microsoft YaHei', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti',
SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif;
}
* {
font-family: var(--font-family);
}
body {
margin: 0px;
background: #f2f2f2;
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
<style type="text/css">
#Loading {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 100;
}
@-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-beat > div {
background-color: #d65928;
width: 10px;
height: 10px;
border-radius: 100% !important;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ball-beat 0.7s 0s infinite linear;
animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
-webkit-animation-delay: 0.35s !important;
animation-delay: 0.35s !important;
}
</style>
</head>
<body>
<div id="app">
<div id="Loading">
<div class="loader-inner ball-beat">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<script type="module" src="./src/main.ts"></script>
</body>
</html>