Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <template>
<q-page padding>
<q-inner-loading :showing="loading" v-if="loading">
<q-spinner-gears size="90px" color="primary" />
<p class="Loading__Text">{{ message }}</p>
</q-inner-loading>
<auth-component v-else-if="auth && loginStatus !== 'logout'" />
<not-auth-component v-else />
</q-page>
</template>
<script lang="ts">
import { mapGetters } from "vuex";
import { GettersName } from "src/store";
import { W3iMixin } from "src/mixins/W3iMixin";
import { Component, Vue, Mixins } from "vue-property-decorator";
Vue.component(
"auth-component",
// The `import` function returns a Promise.
() => import("src/components/Index/Auth.vue")
);
Vue.component(
"not-auth-component",
// The `import` function returns a Promise.
() => import("src/components/Index/NotAuth.vue")
);
@Component({
name: "PageIndex",
computed: {
...mapGetters({
status: GettersName.web3.web3Status
})
}
})
class IndexPage extends Mixins(W3iMixin) {
async mounted() {
await this.w3i();
await this.networkCheck();
}
}
export default IndexPage;
</script>
<style>
.Loading__Text {
padding-top: 10px;
}
</style>
|