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

OSCHINA-MIRROR/null_639_5368-v-animate-m

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

v-animate-m

Основанный на animate.css 4.x пакетный набор директив для анимации Vue.

Конкретные имена классов анимации см. на сайте https://animate.style/.

npm v-animate-m
npm npm

Функции

  1. Загрузка содержимого по мере необходимости в зависимости от положения полосы прокрутки.

NPM

https://www.npmjs.com/package/v-animate-m

Кодовый облачный сервис

https://gitee.com/null_639_5368/v-animate-m

Пример

http://null_639_5368.gitee.io/v-animate-m

Установка и обновление

npm i v-animate-m

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

// 1. Глобальная регистрация директивы
import Vue from "vue";
import "animate.css"; // версия 4.х
import animateM from 'v-animate-m'
Vue.use(animateM)
// 2. Использование в компоненте Vue
<div v-animate-m="'fadeIn'"></div> // строковая форма

<div v-animate-m="{name:'fadeIn'}"></div> // объектная форма

<div v-animate-m="{name:'fadeIn',delay:'1s'}"></div> // задержка загрузки (единицы измерения: s или ms)

<div v-animate-m="{name:'fadeIn',duration:'1.5s'}"></div> // продолжительность (единицы измерения: s или ms) 

<div class="block block4 bg-orange" v-animate-m.repeat="{name:'fadeInBottomRight',delay:'0.1s'}"
    ></div> // повторная загрузка

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

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

Введение

Директивы Vue, основанные на Animate.css 4.X. Расширить Свернуть
MIT
Отмена

Обновления

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

Участники

все

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

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