Skip to content

🌟基于Vue-Awesome-Swiper + vue-cli3实现的滑动轮播项目,有旋转叠加和平移两个效果👻

Notifications You must be signed in to change notification settings

ccccai/vue-swiper-demo

Repository files navigation

vue-swiper-demo

基于Vue-Awesome-Swiper + vue-cli3实现的滑动轮播项目,有旋转叠加和平移两个效果

  • 旋转叠加 image

  • 平移 image

运行项目

npm install
npm run serve

Vue-Awesome-Swiper 介绍

Swiper4 component for Vue, support pc and mobile, SPA and SSR.

基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。

Install

npm install vue-awesome-swiper --save

main.js

全局引入

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper, /* { default global options } */)

组件内引入

<script>
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'

export default {
  components: {
    swiper,
    swiperSlide
  }
}
</script>

About

🌟基于Vue-Awesome-Swiper + vue-cli3实现的滑动轮播项目,有旋转叠加和平移两个效果👻

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published