Слияние кода завершено, страница обновится автоматически
npm install @lydxwj/react-fullpage --save
import { PageContainer, Pages } from '@lydxwj/react-fullpage';
import '@lydxwj/react-fullpage/lib/css/styles.css';
<PageContainer onChange={(nowIdx, newIdx) => {
console.log(nowIdx);
console.log(newIdx);
}} onChangeEnd={(nowIdx) => {
console.log(nowIdx);
}}>
<Pages style={{
backgroundColor: '#51eabe',
}}></Pages>
<Pages style={{
backgroundColor: '#f4ea2a',
}}></Pages>
<Pages style={{
backgroundColor: '#1afa29',
}}></Pages>
<Pages style={{
backgroundColor: '#1296db',
}}></Pages>
</PageContainer>
import { PageContainer, Pages } from '@lydxwj/react-fullpage';
// PageContainer — контейнер для страниц, Pages — отдельная страница
// Либо импортировать так:
// import PageContainer from '@lydxwj/react-fullpage';
// PageContainer — контейнер для страниц, PageContainer.Pages — отдельная страница
| Параметр | Описание | Аргументы/Значение по умолчанию |
|---|---|---|
| onChange | Вызов перед сменой страниц | nowIdx (текущий индекс страницы), newIdx (индекс следующей страницы) |
| onChangeEnd | Вызов после смены страниц | nowIdx (текущий индекс страницы) |
| isArrow | Отображение стрелки вниз | true (значение по умолчанию) |
| isNav | Отображение навигационной полосы | true (значение по умолчанию) |
| style | Объект стилей | Настраиваемый объект стилей, рекомендовано не указывать высоту и ширину |
| // Usage of PageContainer which contains Pages inside it |
| Параметр | Описание | Аргументы/Значение по умолчанию |
|---|---|---|
| againCof | Конфигурация повторного просмотра | {isShow: true, messageText: 'Повторное просмотр'} |
| again | Вызов при повторном просмотре | нет |
| style | Объект стилей | Настроенный объект стилей, рекомендовано не указывать height и width |
// Inside Pages you can place any page content
<Pages>
<div>Содержимое страницы</div>
</Pages>
Примечание: Поддерживается только на мобильных устройствах.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )