Remove progress bar from TvSliderBody component and increase slide duration from 9000ms to 15000ms for improved user experience.
This commit is contained in:
@@ -1,14 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="relative z-0 min-h-screen flex flex-col">
|
<div class="relative z-0 min-h-screen flex flex-col">
|
||||||
<div class="w-full">
|
|
||||||
<div class="flex w-full h-1 bg-gray-200 overflow-hidden" role="progressbar"
|
|
||||||
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
|
||||||
<div
|
|
||||||
class="flex flex-col justify-center overflow-hidden bg-primary-light text-xs text-white text-center whitespace-nowrap transition-all duration-500 ease-in-out"
|
|
||||||
:style="{ 'width': `${progressBarStep}%` }"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Основной контент, который занимает все доступное пространство -->
|
<!-- Основной контент, который занимает все доступное пространство -->
|
||||||
<div class="flex-1 relative">
|
<div class="flex-1 relative">
|
||||||
<!-- Слайды с изображениями -->
|
<!-- Слайды с изображениями -->
|
||||||
@@ -83,7 +74,7 @@ export default {
|
|||||||
currentIndex: 0,
|
currentIndex: 0,
|
||||||
intervalId: null,
|
intervalId: null,
|
||||||
reloadIntervalId: null,
|
reloadIntervalId: null,
|
||||||
slideDuration: 9000,
|
slideDuration: 15000,
|
||||||
reloadDuration: 600000, // 10 минут в миллисекундах
|
reloadDuration: 600000, // 10 минут в миллисекундах
|
||||||
sortedSlides: null,
|
sortedSlides: null,
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user