cambiar las imagenes del carousel por imagenes estaticas
This commit is contained in:
parent
1672123ebf
commit
5bcfdc47e3
|
@ -2,7 +2,6 @@
|
||||||
import { storeToRefs } from "pinia";
|
import { storeToRefs } from "pinia";
|
||||||
import { defineComponent, onBeforeMount, ref } from "vue";
|
import { defineComponent, onBeforeMount, ref } from "vue";
|
||||||
|
|
||||||
import { apiBack } from "src/boot/axios";
|
|
||||||
import VerticalCarouselImgs from "src/components/quasar-components/carousel/VerticalCarouselImgs.vue";
|
import VerticalCarouselImgs from "src/components/quasar-components/carousel/VerticalCarouselImgs.vue";
|
||||||
import Swiper from "src/components/swiper/Swiper.vue";
|
import Swiper from "src/components/swiper/Swiper.vue";
|
||||||
import Card from "src/components/ui/Card.vue";
|
import Card from "src/components/ui/Card.vue";
|
||||||
|
@ -19,7 +18,20 @@ export default defineComponent({
|
||||||
Card,
|
Card,
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const banners = ref()
|
const banners = ref([
|
||||||
|
{
|
||||||
|
"url": "/assets/Cabecera-flornatura-1.jpg",
|
||||||
|
"longName": "Regala un verano lleno de flores y plantas"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/assets/Cabecera-flornatura-2.jpg",
|
||||||
|
"longName": "Regala un verano lleno de flores y plantas"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/assets/Cabecera-flornatura-3.jpg",
|
||||||
|
"longName": "Regala un verano lleno de flores y plantas"
|
||||||
|
}
|
||||||
|
])
|
||||||
const mobileStore = useMobileStore();
|
const mobileStore = useMobileStore();
|
||||||
const { isCarouselVisible, isOpenNav, screenWidth } =
|
const { isCarouselVisible, isOpenNav, screenWidth } =
|
||||||
storeToRefs(mobileStore);
|
storeToRefs(mobileStore);
|
||||||
|
@ -28,15 +40,15 @@ export default defineComponent({
|
||||||
const { getProducts } = cartStore;
|
const { getProducts } = cartStore;
|
||||||
const { products, homeSection } = storeToRefs(cartStore);
|
const { products, homeSection } = storeToRefs(cartStore);
|
||||||
|
|
||||||
async function getBanners() {
|
/*async function getBanners() {
|
||||||
const { data: { data } } = await apiBack("/banners/")
|
const { data: { data } } = await apiBack("/banners/")
|
||||||
return data
|
return data
|
||||||
}
|
}*/
|
||||||
|
|
||||||
|
|
||||||
onBeforeMount(async () => {
|
onBeforeMount(async () => {
|
||||||
await getProducts();
|
await getProducts();
|
||||||
banners.value = await getBanners();
|
//banners.value = await getBanners();
|
||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|
Loading…
Reference in New Issue