Compare commits

...

2 Commits

Author SHA1 Message Date
4b7b8ef786 change main file 2024-07-09 08:38:55 +02:00
9a1eda1809 add MlTabberBase 2024-07-09 08:37:01 +02:00
2 changed files with 10 additions and 5 deletions

View File

@ -37,6 +37,10 @@ const components = [
name: "MlSliderPoint", name: "MlSliderPoint",
path: "../src/components/Ml/SliderPoint/MlSliderPoint.vue", path: "../src/components/Ml/SliderPoint/MlSliderPoint.vue",
}, },
{
name: "MlTabberBase",
path: "../src/components/Ml/Tabber/MlTabberBase.vue",
},
]; ];
const composables = [ const composables = [

View File

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