chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: cart UI on dialog footer

Browse source
This commit is contained in:
oat_dev 2024-06-13 15:59:09 +07:00
parent 82369a680f
commit 06571e84ef
3 changed files with 25 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/04_product-service/MainPage.vue
View file

@ -609,6 +609,23 @@ watch(productMode, () => (inputSearch.value = ''));
"
:close="() => {}"
>
<template #footer>
<div class="row items-center q-gutter-md">
<q-icon name="mdi-cart" class="app-text-muted" size="sm" />
<div class="relative-position" style="bottom: 15px; right: 25px">
<div
class="absolute bg-red text-white flex justify-center text-center rounded items-center"
style="width: 16px; height: 16px; font-size: 11px"
>
2
</div>
</div>
<div>
รวมสินค้าทั้งหมด
<div class="text-bold" style="color: var(--green-10)">฿ 2,400</div>
</div>
</div>
</template>
<TotalProductComponent />
</FormDialog>
</template>