<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="./favicon.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="ppt编辑器" />
<meta name="keywords" content="ppt,powerpoint,office powerpoint,在线ppt,幻灯片,演示文稿,ppt在线制作,Vue3,TypeScript" />
<title>PPT</title>
<script type="module" crossorigin src="./assets/index-Dd7gFr93.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-C0x2lxv7.css">
</head>
<body>
<div id="app">
<style>
.firstLoading {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
min-width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 10000;
}
.firstLoading .loadingBox {
width: 36px;
height: 36px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: space-between;
margin-bottom: 28px;
animation: rotate 1.5s linear infinite;
}
.firstLoading .loadingBox .loadingItem {
width: 16px;
height: 16px;
border-radius: 50%;
background: #569cfe;
opacity: 0.5;
}
.firstLoading .loadingBox .loadingItem:nth-child(2) {
opacity: 1;
}
.firstLoading .loadingTip {
font-size: 20px;
color: #569cfe;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
<div class="firstLoading">
<div class="loadingBox">
<div class="loadingItem"></div>
<div class="loadingItem"></div>
<div class="loadingItem"></div>
<div class="loadingItem"></div>
</div>
<div class="loadingTip">正在加载中…</div>
</div>
</div>
</body>
<script>
document.oncontextmenu = e => e.preventDefault()
</script>
</html>