yakovenko_arina/library_components
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add MlTabberBase

Browse Source
This commit is contained in:
Arina Yakovenko
2024-07-09 08:37:01 +02:00
parent 8488c70b44
commit 9a1eda1809
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Ml/SliderPoint/MlSliderPoint.vue
View File

@ -23,11 +23,12 @@
<div
v-for="(slide, index) in 4"
:key="index"
:class="[
'bg-black h-[3px] transition-all duration-500',
class="bg-black"
:style="[
'height: 3px; transition: all 0.5s;',
index === currentSlideNumber
? 'bg-black py-2 w-[16px] rounded-3xl'
: 'h-[3px] bg-black w-[25px] rounded-sm md:w-[24px]',
? 'padding-top : 8px; padding-bottom: 8px; width: 16px; border-radius : 50%;'
: 'height: 3px; width: 25px;',
]"
@click="goToSlide(index), stopAutoSlide()"
></div>
@ -46,7 +47,7 @@ import type { PTAttribs } from "./types";
const showSwiper = ref(false);
const currentSlideNumber = ref(0);
let swiperInstance: swiper | null = null;
let intervalId: number | null = null;
let intervalId: NodeJS.Timeout | null = null;
const onSwiper = (swiper: swiper) => {
swiperInstance = swiper;