Nuxt.js используется Swiper Animate

Вью Nuxt.js используется Swiper Animate

Адо, давайте прямо в точку.
  1. Первый установлен в вю используется Swiper npm i vue-awesome-swiper --save .
  2. После завершения установки, плагины создать новую папку swiper.js файла. JS файл следующим образом
    import Vue from 'vue'
    import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'
    Vue.use(VueAwesomeSwiper)
    Here Вставка рисунка Описание
    или [ссылка GitHub → портал ]
  3. Готов нужны swiper.animate1.0.3.min.js файлы и animate.min.css файл. → [ портал ]Here Вставка рисунка Описание
  4. В swiper.animate1.0.3.min.js, animate.min.css файл в статической папке или активы папки может быть, я лично поставил статическую папку, в соответствии с файлом , где вы разместили в nuxt.config.js конфигурации CSS, затем плагины новую папку animate.js файл. PS :( лично думаю animate.js зависит от swiper.js , и поэтому в конечном итоге без использования плагина головы в сценарий форме тега, это зависит от того , о котором идет речь). Ближе к дому, animate.js , используемый в файл import '../static/js/swiper.animate1.0.3.min'режим вводится одушевленный, в nuxt.config.js плагин в том animate.js плагин , расположенную Swiper за вилкой. например:
    Here Вставка рисунка Описание
    Here Вставка рисунка Описание
  5. Все препараты настроены конец, смотрите ниже, так как nuxt использование Swiper нужно использовать v-swiper:mySwiper="swiperOption"путь. EG :
    Here Вставка рисунка Описание
  6. Требует , одушевленные требуется как следует, со ссылкой на программу или на официальном сайте гласит: [→ Portal ]Here Вставка рисунка Описание
  7. в конце концовHere Вставка рисунка Описание
  8. Здесь снова, различные эффекты анимации может быть выбраны в соответствии с официальным сайтом имени класса при условии. [→ эффект портала ]
Опубликовано оригинал статьи · вона похвала 0 · Просмотров 40

рекомендация

отblog.csdn.net/weixin_43541909/article/details/103958483