Слайдер Vue 3
Добавил свой простой слайдер на vue 3, который умеет перелистывать изображения зажатием мышки и пальцем на смартфонах. Также в этом слайдере используется тег img
для отображения картинок, что семантически чаще всего является правильным в отличие от div
.
В примере я использовал typescript, script setup, module css.
<script setup lang="ts"> import { ref } from 'vue' import Img1 from './1.jpg' import Img2 from './2.jpg' import Img3 from './3.jpg' const slider = ref<HTMLElement | null>(null) const images = ref([Img3, Img1, Img2]) const current_index = ref(0) const position = ref(0) let is_dragging = false let prev_position = 0 let start_x = 0...