|
|
@@ -47,7 +47,7 @@
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
- #lottieWeb {
|
|
|
+ #lottieWeb,.lottieWeb {
|
|
|
position: fixed;
|
|
|
z-index: 100;
|
|
|
top: 50%;
|
|
|
@@ -62,25 +62,27 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div id="app"></div>
|
|
|
+ <div id="app">
|
|
|
+ <img class="lottieWeb" src="./loading.gif" alt="">
|
|
|
+ </div>
|
|
|
<div id="lottieWeb"></div>
|
|
|
<script>
|
|
|
- lottie.loadAnimation({
|
|
|
- container: document.getElementById('lottieWeb'),
|
|
|
- renderer: 'svg',
|
|
|
- width: '30px',
|
|
|
- height: '30px',
|
|
|
- loop: true,
|
|
|
- autoplay: true,
|
|
|
- path: '/orchestra-music-score/loading.json'
|
|
|
- });
|
|
|
- window.addEventListener('load', function () {
|
|
|
- const loadingEle = document.getElementById('lottieWeb')
|
|
|
- loadingEle.style.opacity = '0'
|
|
|
- setTimeout(() => {
|
|
|
- loadingEle.style.display = 'none'
|
|
|
- }, 1000)
|
|
|
- })
|
|
|
+ // lottie.loadAnimation({
|
|
|
+ // container: document.getElementById('lottieWeb'),
|
|
|
+ // renderer: 'svg',
|
|
|
+ // width: '30px',
|
|
|
+ // height: '30px',
|
|
|
+ // loop: true,
|
|
|
+ // autoplay: true,
|
|
|
+ // path: '/orchestra-music-score/loading.json'
|
|
|
+ // });
|
|
|
+ // window.addEventListener('load', function () {
|
|
|
+ // const loadingEle = document.getElementById('lottieWeb')
|
|
|
+ // loadingEle.style.opacity = '0'
|
|
|
+ // setTimeout(() => {
|
|
|
+ // loadingEle.style.display = 'none'
|
|
|
+ // }, 1000)
|
|
|
+ // })
|
|
|
</script>
|
|
|
<script type="module" src="/src/subpages/colexiu/main.ts"></script>
|
|
|
</body>
|
