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

fix: product service card img

Browse source
This commit is contained in:
puriphatt 2024-07-02 04:33:44 +00:00
parent 2d0def98a3
commit 3cddf1ce18
1 changed files with 23 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/components/04_product-service/TotalProductCardComponent.vue
View file

@ -190,35 +190,31 @@ withDefaults(
</div>
</div>
<div
<q-img
class="col rounded q-my-md items-center justify-center flex"
:class="[
data?.type === 'product' ? 'card__green' : 'card__orange',
$q.dark.isActive ? 'dark' : '',
]"
style="overflow: hidden"
style="background-color: transparent"
loading="lazy"
:src="`${baseUrl}/${data?.type === 'service' ? 'service' : 'product'}/${data?.id}/image`"
>
<q-img
loading="lazy"
:src="`${baseUrl}/${data?.type === 'service' ? 'service' : 'product'}/${data?.id}/image`"
>
<template #error>
<div
class="full-width items-center justify-center flex"
style="background-color: transparent"
>
<q-img
:src="
data?.type === 'product'
? '/shop-image.png'
: '/service-image.png'
"
width="5rem"
/>
</div>
</template>
</q-img>
</div>
<template #error>
<div
class="full-width full-height items-center justify-center flex"
:class="{
card__green: data?.type === 'product',
card__orange: data?.type === 'service',
}"
>
<q-img
:src="
data?.type === 'product'
? '/shop-image.png'
: '/service-image.png'
"
width="5rem"
/>
</div>
</template>
</q-img>
<div class="row justify-between items-center q-mb-xs">
<div class="q-pr-md" v-if="data?.type === 'service'">