add loading component

This commit is contained in:
jiaming 2018-12-07 15:49:45 +08:00
parent a93505c03e
commit 68d4877bc7
2 changed files with 39 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

@ -0,0 +1,39 @@
<template>
<div class="loading">
<img class="loading-img" src="./img/loading.png">
</div>
</template>
<script>
export default {
name: 'Loading'
}
</script>
<style lang="less">
.loading {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
.loading-img {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
transform: rotate(0deg);
animation: round 1s linear infinite;
}
@keyframes round {
to {
transform: rotate(360deg)
}
}
}
</style>