zervo/vanity-eth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add spinner during first pageload

Browse source
This commit is contained in:
Boris Kubiak 2018-07-03 08:45:48 +02:00
parent 72c1595245
commit 98a15a582c
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
index.html
View file

@ -18,9 +18,12 @@
<meta property="og:url" content="vanity-eth.tk/" /> <meta property="og:url" content="vanity-eth.tk/" />
<meta property="og:site_name" content="Vanity ETH" /> <meta property="og:site_name" content="Vanity ETH" />
<meta name="google-site-verification" content="DFWJVWz9IRrh-wjBxn0Y8ith5FTqMeJTSUtuJ595BEs" /> <meta name="google-site-verification" content="DFWJVWz9IRrh-wjBxn0Y8ith5FTqMeJTSUtuJ595BEs" />
<style>@keyframes spin{100%{transform:rotate(360deg)}}</style>
</head> </head>
<body> <body style="background:#09c4c5;background:linear-gradient(140deg,#0ff0b3,#036ed9);height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center">
<div id="app"></div> <div id="app">
<div class="spinner" style="pointer-events:none;width:2.5em;height:2.5em;border:.4em solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite"></div>
</div>
<script src="dist/index.js"></script> <script src="dist/index.js"></script>
</body> </body>
</html> </html>

4
src/main.js
View file

@ -1,6 +1,10 @@
/* eslint-env browser */
import Vue from 'vue'; import Vue from 'vue';
import App from './App.vue'; import App from './App.vue';
document.body.removeAttribute('style');
new Vue({ new Vue({
el: '#app', el: '#app',
render: h => h(App) render: h => h(App)