1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/564468767-pull-load

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Pull-load

Компонент, совместимый с ПК и мобильными устройствами, который поддерживает:

  • прокрутку до нижней части экрана для загрузки;
  • загрузку после инициализации.

GitHub: https://github.com/xiyan1120/pull-load
OSChina: https://git.oschina.net/564468767/pull-load

Уважайте авторские права. При перепечатке укажите источник: https://my.oschina.net/u/164010/blog/833722

1. Импорт JS:

	<script type="text/javascript" src="dist/pull-load.min.js"></script>

2. Использование:

    new PullLoad({
        // Контейнер всего слоя прокрутки — это dom
        container: document.getElementById("outerScroller"),
        // Указываем dom полосы прокрутки, если не указано, по умолчанию используется container
        // scrollBar: document.getElementsByTagName("body")[0],
        down: {
            distance: 50, // По умолчанию расстояние
            enable: true,
            callback: function (end) {
                setTimeout(function () {
                    console.log("end");
                    var isEmptyData = false;
                    end(isEmptyData);
                }, 1500);
            }
        },
        up: {
            distance: 50, // Расстояние по умолчанию, также высота созданного div по умолчанию
            isScrollLoad: false,
            isInitLoad: false,
            enable: true,
            callback: function (end) {
                setTimeout(function () {
                    console.log("end");
                    var isEmptyData = false;
                    end(isEmptyData);
                }, 1500);
            }
        }
    });

3. up:

up: {
    // Это расстояние используется для определения того, показывать ли загрузку при подъёме или отображение освобождения загрузки
    distance: 50,
    // Созданный контейнер div, также родительский элемент для настройки html ниже
    container: '<div class="pull-load-container"></div>',
    // HTML, отображаемый при инициализации
    init: '<div class="pull-load-up"><span><span class="pull-load-up-icon"></span>上拉加载更多...</span></div>',
    // Отображаемый HTML при загрузке
    loading: '<div class="pull-load-up pull-load-loading"><span class="pull-load-up-icon"></span>加载中...</span></div>',
    // Отображение HTML при освобождении
    release: '<div class="pull-load-up flip"><span><span class="pull-load-up-icon"></span>释放加载...</span></div>',
    // Отображение HTML, когда данных нет
    emptyData: '<div class="pull-load-empty-data">没有更多数据了</div>',
    // Можно ли использовать
    enable: true,
    // Загружать ли при прокрутке до конца div
    isScrollLoad: false,
    // Загрузить ли после завершения инициализации
    isInitLoad: false,
    // Функция обратного вызова, параметр — функция, которая должна быть выполнена после завершения вызова
    callback: function(end){
        // Установить значение true, если данные не загружены, иначе — false
        var isEmptyData = true;
        // Эта функция имеет параметр, используемый для установки того, есть ли данные
        end(isEmptyData)
    }
}

4. down (описание аналогично up):

down: {
    // Используется для определения отображения загрузки при подъеме или отображения освобождения загрузки, а также для создания высоты нижнего div по умолчанию
    distance: 50,
    container:'<div class="pull-load-container"></div>',
    init:'<div class="pull-load-down"><span><span class="pull-load-down-icon"></span>下拉刷新...</span></div>',
    loading:'<div class="pull-load-down pull-load-loading"><span class="pull-load-down-icon"></span>刷新中...</span></div>',
    release:'<div class="pull-load-down flip"><span><span class="pull-load-down-icon"></span>释放刷新...</span></div>',
    emptyData:'<div class="pull-load-empty-data">没有更多数据了</div>',
    enable:true,
    callback:null
}

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Компонент с выпадающим обновлением и загрузкой по свайпу вверх, совместимый с ПК и мобильными устройствами. Также поддерживает загрузку при прокрутке до конца и начальную загрузку после инициализации. Расширить Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://gitlife.ru/oschina-mirror/564468767-pull-load.git
git@gitlife.ru:oschina-mirror/564468767-pull-load.git
oschina-mirror
564468767-pull-load
564468767-pull-load
master