refactor: optimize performance of data fetching in the dashboard component
This commit is contained in:
parent
8dd3268738
commit
f62463dc80
1 changed files with 260 additions and 269 deletions
|
|
@ -83,7 +83,6 @@ onMounted(async () => {
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div>
|
|
||||||
<q-btn
|
<q-btn
|
||||||
rounded
|
rounded
|
||||||
dense
|
dense
|
||||||
|
|
@ -182,10 +181,7 @@ onMounted(async () => {
|
||||||
style="overflow: hidden"
|
style="overflow: hidden"
|
||||||
>
|
>
|
||||||
<div class="column col-12 items-center">
|
<div class="column col-12 items-center">
|
||||||
<div
|
<div class="full-width row justify-center" style="position: relative">
|
||||||
class="full-width row justify-center"
|
|
||||||
style="position: relative"
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
class="full-width account-cover"
|
class="full-width account-cover"
|
||||||
:class="{ dark: $q.dark.isActive }"
|
:class="{ dark: $q.dark.isActive }"
|
||||||
|
|
@ -224,11 +220,7 @@ onMounted(async () => {
|
||||||
:ratio="1"
|
:ratio="1"
|
||||||
:src="`/no-img-${gender === 'female' ? 'female' : 'man'}.png`"
|
:src="`/no-img-${gender === 'female' ? 'female' : 'man'}.png`"
|
||||||
></q-img>
|
></q-img>
|
||||||
<q-icon
|
<q-icon v-else name="mdi-account-outline" color="white" />
|
||||||
v-else
|
|
||||||
name="mdi-account-outline"
|
|
||||||
color="white"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</q-img>
|
</q-img>
|
||||||
|
|
@ -368,7 +360,6 @@ onMounted(async () => {
|
||||||
</div>
|
</div>
|
||||||
</q-menu>
|
</q-menu>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.account-menu-down {
|
.account-menu-down {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue