Как сделать так, чтобы при открытии страницы сразу отображалась первая картинка и только потом запускалась анимация слайдера?
.container_slider_css {
margin: 50px auto;
width: 1427px;
height: 1427px;
overflow: hidden;
position: relative;
}
.photo_slider_css {
position: absolute;
animation: round 9s infinite;
opacity: 0;
width: 100%;
}
@keyframes round {
35% {
opacity: 1;
}
50% {
opacity: 0;
}
}
img:nth-child(1) {
animation-delay: 0s;
}
img:nth-child(2) {
animation-delay: 3s;
}
img:nth-child(3) {
animation-delay: 6s;
}
router.beforeEach((to, from, next) => {
const auth = getAuth()
auth.onAuthStateChanged(user => {
if (!user && to.path !== '/auth') {
next('/auth')
return
}
else if (user && to.path === '/auth') {
next(from.path)
return
}
next()
})
})
const form = useForm({
title: '',
final_deadline: ''
..... все ваши коды
});
<FormKit v-for="(deadline_type, idx) in data.deadline_types" key="deadline_type.id"
type="date"
:value="method(deadlineType)"
@change=meеhodChange(deadlineType)
:label="deadline_type.name"
/>