51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<template>
|
|
<div v-if="loading" class="relative z-0 min-h-[calc(100vh)] items-center">
|
|
<div class="group block rounded-xl overflow-hidden animate-pulse min-h-[calc(100vh)] bg-gray-200"></div>
|
|
</div>
|
|
<div v-else>
|
|
<SliderBody :slides="slider.slides" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from "axios";
|
|
import SliderBody from "@/componentss/features/sliders/components/SliderBody.vue";
|
|
|
|
export default {
|
|
name: 'Slider',
|
|
components: {SliderBody},
|
|
props: {
|
|
sliderId: {
|
|
type: String,
|
|
required: true,
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
loading: true,
|
|
slider: null,
|
|
}
|
|
},
|
|
methods: {
|
|
getSlider(id) {
|
|
axios.get(route('client.widget.slider.show', id))
|
|
.then(response => {
|
|
this.slider = response.data;
|
|
this.loading = false; // Установить состояние загрузки в false
|
|
})
|
|
.catch(error => {
|
|
console.error('Ошибка:', error);
|
|
});
|
|
},
|
|
|
|
},
|
|
mounted() {
|
|
const id = this.sliderId
|
|
this.getSlider(id)
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |