31 lines
530 B
Vue
31 lines
530 B
Vue
|
<template>
|
||
|
|
<div class="loading">
|
||
|
|
<div class="loader-inner">
|
||
|
|
<img src="../images/oval-white.svg">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="stylus" scoped>
|
||
|
|
.loading
|
||
|
|
position fixed
|
||
|
|
width 100%
|
||
|
|
height 100%
|
||
|
|
z-index 100000
|
||
|
|
.loader-inner
|
||
|
|
position absolute
|
||
|
|
z-index 100000
|
||
|
|
height 50px
|
||
|
|
width 50px
|
||
|
|
padding 10px
|
||
|
|
transform translate(-25px, -25px)
|
||
|
|
left 50%
|
||
|
|
top 50%
|
||
|
|
overflow hidden
|
||
|
|
background-color rgba(0, 0, 0, .5)
|
||
|
|
border-radius 3px
|
||
|
|
img
|
||
|
|
width 100%
|
||
|
|
height 100%
|
||
|
|
</style>
|