feat: agregar imagen por defecto para productos sin foto en catálogo
This commit is contained in:
BIN
src/assets/not_image_for_product.jpeg
Normal file
BIN
src/assets/not_image_for_product.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
@@ -15,7 +15,10 @@
|
|||||||
<v-icon size="28" color="primary" class="mr-2 d-sm-none flex-shrink-0"
|
<v-icon size="28" color="primary" class="mr-2 d-sm-none flex-shrink-0"
|
||||||
>mdi-store</v-icon
|
>mdi-store</v-icon
|
||||||
>
|
>
|
||||||
<v-icon size="36" color="primary" class="mr-3 d-none d-sm-inline flex-shrink-0"
|
<v-icon
|
||||||
|
size="36"
|
||||||
|
color="primary"
|
||||||
|
class="mr-3 d-none d-sm-inline flex-shrink-0"
|
||||||
>mdi-store</v-icon
|
>mdi-store</v-icon
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@@ -235,6 +238,7 @@ import Cart from "@/components/catalog/Cart.vue";
|
|||||||
import PaginationControls from "@/components/catalog/PaginationControls.vue";
|
import PaginationControls from "@/components/catalog/PaginationControls.vue";
|
||||||
import { useCartStore } from "@/stores/cart";
|
import { useCartStore } from "@/stores/cart";
|
||||||
import { inject, ref, computed, onMounted, onUnmounted } from "vue";
|
import { inject, ref, computed, onMounted, onUnmounted } from "vue";
|
||||||
|
import not_image_product from "@/assets/not_image_for_product.jpeg";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@@ -375,9 +379,7 @@ export default {
|
|||||||
this.items = data.map((product) => ({
|
this.items = data.map((product) => ({
|
||||||
...product,
|
...product,
|
||||||
quantity: 0,
|
quantity: 0,
|
||||||
img:
|
img: product.img || not_image_product,
|
||||||
product.img ||
|
|
||||||
`https://picsum.photos/600/600?random=${product.id}`,
|
|
||||||
}));
|
}));
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user