Code Format
parent
c215791fe5
commit
9aaa98f03e
|
@ -10,7 +10,7 @@
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="relative mx-auto">
|
<div class="relative mx-auto">
|
||||||
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
||||||
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left:5px; top: 5px"/>
|
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left: 5px; top: 5px" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
||||||
|
@ -18,7 +18,7 @@
|
||||||
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
||||||
<span>
|
<span>
|
||||||
<Button icon="pi pi-heart" severity="secondary" outlined />
|
<Button icon="pi pi-heart" severity="secondary" outlined />
|
||||||
<Button icon="pi pi-shopping-cart" class="ml-2"/>
|
<Button icon="pi pi-shopping-cart" class="ml-2" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="relative mx-auto">
|
<div class="relative mx-auto">
|
||||||
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
||||||
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left:5px; top: 5px"/>
|
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left: 5px; top: 5px" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
||||||
|
@ -18,7 +18,7 @@
|
||||||
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
||||||
<span>
|
<span>
|
||||||
<Button icon="pi pi-heart" severity="secondary" outlined />
|
<Button icon="pi pi-heart" severity="secondary" outlined />
|
||||||
<Button icon="pi pi-shopping-cart" class="ml-2"/>
|
<Button icon="pi pi-shopping-cart" class="ml-2" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="relative mx-auto">
|
<div class="relative mx-auto">
|
||||||
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
||||||
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left:5px; top: 5px"/>
|
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left: 5px; top: 5px" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
||||||
|
@ -21,7 +21,7 @@
|
||||||
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
||||||
<span>
|
<span>
|
||||||
<Button icon="pi pi-heart" severity="secondary" outlined />
|
<Button icon="pi pi-heart" severity="secondary" outlined />
|
||||||
<Button icon="pi pi-shopping-cart" class="ml-2"/>
|
<Button icon="pi pi-shopping-cart" class="ml-2" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="relative mx-auto">
|
<div class="relative mx-auto">
|
||||||
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
<img :src="'https://primefaces.org/cdn/primevue/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="w-full shadow-2 border-round" />
|
||||||
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left:5px; top: 5px"/>
|
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" class="absolute" style="left: 5px; top: 5px" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
<div class="mb-3 font-medium">{{ slotProps.data.name }}</div>
|
||||||
|
@ -18,7 +18,7 @@
|
||||||
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
<div class="mt-0 font-semibold text-xl">${{ slotProps.data.price }}</div>
|
||||||
<span>
|
<span>
|
||||||
<Button icon="pi pi-heart" severity="secondary" outlined />
|
<Button icon="pi pi-heart" severity="secondary" outlined />
|
||||||
<Button icon="pi pi-shopping-cart" class="ml-2"/>
|
<Button icon="pi pi-shopping-cart" class="ml-2" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue