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

Compare commits

base: yakovenko_arina:4b7b8ef786279edca28895d7e7cad2e864726b29
Branches Tags
yakovenko_arina:master
yakovenko_arina:ls
yakovenko_arina:1.0.0
..
compare: yakovenko_arina:8488c70b44ffa10790cee67e6995d54269ec470e
Branches Tags
yakovenko_arina:master
yakovenko_arina:ls
yakovenko_arina:1.0.0

No commits in common. "4b7b8ef786279edca28895d7e7cad2e864726b29" and "8488c70b44ffa10790cee67e6995d54269ec470e" have entirely different histories.
4b7b8ef786 ... 8488c70b44

2 changed files with 5 additions and 10 deletions
Show Stats Expand all files Collapse all files

4
modules/module.ts
View File

@ -37,10 +37,6 @@ 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 = [

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

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