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

Compare commits

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

2 Commits
8488c70b44 ... 4b7b8ef786

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

4
modules/module.ts
View File

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

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;