基于Vue-Awesome-Swiper + vue-cli3实现的滑动轮播项目,有旋转叠加和平移两个效果
npm install
npm run serve
Swiper4 component for Vue, support pc and mobile, SPA and SSR.
基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。
npm install vue-awesome-swiper --save
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>