cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dashboard tab UI refactor

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-07 10:08:28 +08:00
parent 8774bcdf72
commit fd221916cf
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/charts/PriceMarketChart.vue
View File

@ -26,12 +26,25 @@ const series = computed(() => {
}, },
]; ];
}); });
function changeChart(type: string){
kind.value = type
}
</script> </script>
<template> <template>
<VTabs v-model="kind" align-tabs="end" <div class="tabs tabs-boxed bg-transparent justify-end">
><VTab value="price">Price</VTab><VTab value="volume">Volume</VTab></VTabs <a class="tab mr-2 text-gray-400 uppercase"
> :class="{'tab-active': kind ==='price' }"
@click="changeChart('price')">
Price
</a>
<a class="tab text-gray-400 uppercase"
:class="{'tab-active': kind ==='volume' }"
@click="changeChart('volume')">
Volume
</a>
</div>
<VueApexCharts <VueApexCharts
type="area" type="area"
height="261" height="261"