63 lines
1.5 KiB
Vue
63 lines
1.5 KiB
Vue
<template>
|
|
<v-dialog
|
|
v-model="dialog"
|
|
scrollable fullscreen
|
|
persistent
|
|
transition="dialog-transition"
|
|
>
|
|
<v-card
|
|
color="transparent"
|
|
dark
|
|
>
|
|
<v-card-text>
|
|
|
|
<v-layout row wrap class="vertical-center">
|
|
<v-flex xs4> </v-flex>
|
|
<v-flex xs4>
|
|
<v-card color="primary">
|
|
<v-card-text>
|
|
Mohon tunggu sebentar ...
|
|
<v-progress-linear
|
|
indeterminate
|
|
color="white"
|
|
class="mb-0"
|
|
></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
|
|
</v-flex>
|
|
<v-flex xs4> </v-flex>
|
|
</v-layout>
|
|
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<style>
|
|
.transparent {
|
|
background-color: rgba(255, 255, 255, 0.35) !important;
|
|
border-color: transparent!important;
|
|
}
|
|
|
|
.vertical-center {
|
|
margin-top: 20%
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data () {
|
|
return {
|
|
|
|
}
|
|
},
|
|
|
|
computed : {
|
|
dialog : {
|
|
get () { return this.$store.state.dialog_loading },
|
|
set (v) { this.$store.commit('update_dialog_loading', v) }
|
|
}
|
|
}
|
|
}
|
|
</script> |