Compare commits
2 Commits
8488c70b44
...
4b7b8ef786
Author | SHA1 | Date | |
---|---|---|---|
4b7b8ef786 | |||
9a1eda1809 |
@ -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 = [
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user