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