deep-stack/cosmos-explorer
4
0
Fork 0
forked from LaconicNetwork/cosmos-explorer
Code Pull Requests Activity

feat: Dashboard Coin Info

Browse Source
This commit is contained in:
Alisa | Side.one
2023-05-08 23:50:20 +08:00
parent d196c35dc8
commit 96501e15f9
2 changed files with 92 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/charts/PriceMarketChart.vue
+13 -9
View File
@@ -27,27 +27,31 @@ const series = computed(() => {
];
});
function changeChart(type: string){
kind.value = type
function changeChart(type: string) {
kind.value = type;
}
</script>
<template>
<div class="tabs tabs-boxed bg-transparent justify-end">
<a class="tab mr-2 text-gray-400 uppercase"
:class="{'tab-active': kind ==='price' }"
@click="changeChart('price')">
<a
class="tab text-xs 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')">
<a
class="tab text-xs text-gray-400 uppercase"
:class="{ 'tab-active': kind === 'volume' }"
@click="changeChart('volume')"
>
Volume
</a>
</div>
<VueApexCharts
type="area"
height="261"
height="230"
:options="chartConfig"
:series="series"
/>