feat: total product UI
This commit is contained in:
parent
c203e8715d
commit
d98a250a76
4 changed files with 67 additions and 0 deletions
20
src/components/04_product-service/TotalProductComponent.vue
Normal file
20
src/components/04_product-service/TotalProductComponent.vue
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<script setup lang="ts">
|
||||
import AppBox from 'components/app/AppBox.vue';
|
||||
import TotalProductCardComponent from 'components/04_product-service/TotalProductCardComponent.vue';
|
||||
</script>
|
||||
<template>
|
||||
<AppBox
|
||||
class="row"
|
||||
bordered
|
||||
style="
|
||||
width: 75vw;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: var(--size-3);
|
||||
"
|
||||
>
|
||||
<div v-for="i in 12" :key="i">
|
||||
<TotalProductCardComponent />
|
||||
</div>
|
||||
</AppBox>
|
||||
</template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue