loading-screen
Pure loading-screen for spa.
usage
<!--1. add styles -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@jswork/loading-screen/dist/index.css"/>
<!-- OR -->
<link rel='stylesheet' type='text/css' href='https://unpkg.com/@jswork/loading-screen/dist/index.css' />
<!--2. add lskit -->
<script src="https://unpkg.com/@jswork/loading-screen/dist/lskit.js"></script>
<script>window.lskit()</script>
<!-- 3. optitional: configuration -->
<head>
<style>
.loading-screen{
--ls-opts-top: 37.5%;
--ls-opts-bar-color: #1890ff;
--ls-opts-bar-width: 4px;
--ls-opts-text-color: #999;
}
</style>
</head>lskit options
{
"id": "root",
"lang": "language",
"en-US": "Loading...",
"zh-CN": "应用加载中...",
}preview
license
Code released under the MIT license.