1
0
mirror of https://github.com/nuxt/nuxt.git synced 2024-12-19 02:37:30 +00:00
Nuxt/test/fixtures/with-config/components/loading.vue

37 lines
547 B
Vue
Raw Normal View History

2016-12-21 18:27:36 +00:00
<template lang="html">
<div class="loading-page" v-if="loading">
<p>Loading...</p>
</div>
</template>
<script>
export default {
data: () => ({
loading: false
}),
methods: {
2017-10-31 13:26:19 +00:00
start() {
2016-12-21 18:27:36 +00:00
this.loading = true
},
2017-10-31 13:26:19 +00:00
finish() {
2016-12-21 18:27:36 +00:00
this.loading = false
}
}
}
</script>
<style scoped>
.loading-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
text-align: center;
padding-top: 200px;
font-size: 30px;
font-family: sans-serif;
}
</style>