Слияние кода завершено, страница обновится автоматически
Небольшой компонент карусели, написанный на TypeScript, совместимый с мобильными устройствами и ПК.
npm install ph-carousel --save
yarn add ph-carousel
// 1. Импорт таблицы стилей CSS
import 'ph-carousel/index.css';
// или
import 'ph-carousel/lib/index.less';
// 2. Импорт файла JavaScript
import Carousel from 'ph-carousel'
new Carousel({
el: '.ph-swipe'
})
Параметры объекта в конструкторе:
| Поле | Тип | Обязательное | Значение по умолчанию | Описание |
|---|---|---|---|---|
el |
string |
Да | — | Селектор узла контейнера |
speed |
number |
Нет | 300 | Продолжительность анимации (в миллисекундах) |
defaultIndex |
number |
Нет | 0 | Индекс начального показа слайда |
auto |
number |
Нет | 3000 | Интервал автоматического воспроизведения (в миллисекундах). Если значение меньше или равно нулю, автоматическое воспроизведение останавливается |
continuous |
boolean |
Нет | true |
Разрешает ли цикл прокрутки |
showIndicators |
boolean |
Нет | true |
Показывает ли индикаторы |
indicatorToggle |
boolean |
Нет | false |
Переключает ли при нажатии на индикатор |
noDragWhenSingle |
boolean |
Нет | false |
Позволяет ли прокручивать, когда есть только одна страница |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )