23 lines
413 B
Vue
23 lines
413 B
Vue
|
<template>
|
||
|
|
<div class="loading">
|
||
|
|
<img src="@/assets/images/loading.gif" alt="">
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'Loading'
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="stylus" scoped>
|
||
|
|
.loading
|
||
|
|
position fixed
|
||
|
|
top 50%
|
||
|
|
left 50%
|
||
|
|
transform translate(-50%, -50%)
|
||
|
|
background rgba(255, 255, 255, 0.6)
|
||
|
|
padding 30px
|
||
|
|
border-radius 10px
|
||
|
|
box-shadow 0 0 17px #DEDEDE
|
||
|
|
</style>
|