moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
resources/js/views/pages/cards/card-statistics/CardStatisticsTransactions.vue Normal file
View File

@@ -0,0 +1,67 @@
<script setup>
const statistics = [
{
title: 'Sales',
stats: '230k',
icon: 'tabler-chart-pie-2',
color: 'primary',
},
{
title: 'Customers',
stats: '8.549k',
icon: 'tabler-users',
color: 'info',
},
{
title: 'Products',
stats: '1.423k',
icon: 'tabler-shopping-cart',
color: 'error',
},
{
title: 'Revenue',
stats: '$9745',
icon: 'tabler-currency-dollar',
color: 'success',
},
]
</script>
<template>
<VCard title="Statistics">
<template #append>
<span class="text-disabled text-subtitle-2">Updated 1 month ago</span>
</template>
<VCardText>
<VRow>
<VCol
v-for="item in statistics"
:key="item.title"
cols="6"
md="3"
>
<div class="d-flex gap-x-4 align-center">
<VAvatar
:color="item.color"
variant="tonal"
size="40"
rounded
>
<VIcon :icon="item.icon" />
</VAvatar>
<div class="d-flex flex-column">
<h5 class="text-h5">
{{ item.stats }}
</h5>
<div class="text-body-2">
{{ item.title }}
</div>
</div>
</div>
</VCol>
</VRow>
</VCardText>
</VCard>
</template>