132 lines
3.3 KiB
HTML
132 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-title" content="AI助手">
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||
<!-- <link rel="manifest" href="https://vscode.binjie.site:7778/manifest.json" crossorigin="use-credentials"> -->
|
||
<link rel="apple-touch-icon" href="/favicon.ico">
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||
<meta content="yes" name="apple-mobile-web-app-capable"/>
|
||
<link rel="apple-touch-icon" href="/favicon.ico">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
|
||
<title>仅用于开发学习交流</title>
|
||
|
||
<script>
|
||
(function (h, o, u, n, d) {
|
||
h = h[d] = h[d] || {
|
||
q: [],
|
||
onReady: function (c) {
|
||
h.q.push(c)
|
||
}
|
||
}
|
||
d = o.createElement(u)
|
||
d.async = 1
|
||
d.src = n
|
||
n = o.getElementsByTagName(u)[0]
|
||
n.parentNode.insertBefore(d, n)
|
||
})(
|
||
window,
|
||
document,
|
||
'script',
|
||
'https://static.guance.com/browser-sdk/v2/dataflux-rum.js',
|
||
'DATAFLUX_RUM'
|
||
)
|
||
DATAFLUX_RUM.onReady(function () {
|
||
DATAFLUX_RUM.init({
|
||
applicationId: 'cbjtest',
|
||
datakitOrigin: 'https://trace.apps.yqcloud.com', // 协议（包括：//），域名（或IP地址）[和端口号]
|
||
env: 'production',
|
||
version: '1.0.0',
|
||
trackInteractions: true,
|
||
traceType: 'ddtrace', // 非必填，默认为ddtrace，目前支持 ddtrace、zipkin、skywalking_v3、jaeger、zipkin_single_header、w3c_traceparent 6种类型
|
||
allowedTracingOrigins: ['*'], // 非必填，允许注入trace采集器所需header头部的所有请求列表。可以是请求的origin，也可以是是正则
|
||
})
|
||
})
|
||
</script>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?57740daa77b2b64fc03729c7f3eed65b";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
</head>
|
||
|
||
<body class="dark:bg-black">
|
||
<div id="app">
|
||
<style>
|
||
.loading-wrap {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 100vh;
|
||
}
|
||
|
||
.balls {
|
||
width: 4em;
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.balls div {
|
||
width: 0.8em;
|
||
height: 0.8em;
|
||
border-radius: 50%;
|
||
background-color: #4b9e5f;
|
||
}
|
||
|
||
.balls div:nth-of-type(1) {
|
||
transform: translateX(-100%);
|
||
animation: left-swing 0.5s ease-in alternate infinite;
|
||
}
|
||
|
||
.balls div:nth-of-type(3) {
|
||
transform: translateX(-95%);
|
||
animation: right-swing 0.5s ease-out alternate infinite;
|
||
}
|
||
|
||
@keyframes left-swing {
|
||
|
||
50%,
|
||
100% {
|
||
transform: translateX(95%);
|
||
}
|
||
}
|
||
|
||
@keyframes right-swing {
|
||
50% {
|
||
transform: translateX(-95%);
|
||
}
|
||
|
||
100% {
|
||
transform: translateX(100%);
|
||
}
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
body {
|
||
background: #121212;
|
||
}
|
||
}
|
||
</style>
|
||
<div class="loading-wrap">
|
||
<div class="balls">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
|
||
</html>
|