Vue项目中使用swiper插件开发3d轮播图

在开发过程中有3D轮播图的需求,使用vue-awesome-swiper完成

  • 安装npm install swiper vue-awesome-swiper --save
  • 全局引入并使用:
    	import VueAwesomeSwiper from 'vue-awesome-swiper'
    	import 'swiper/css/swiper.css'
    	
    	Vue.use(VueAwesomeSwiper)
    
  • 组件中使用:
  • 可修改coverflowEffect中的数值来实现轮播图3D的效果
    
     	
    
    
    
    

你可能感兴趣的:(Vue项目中使用swiper插件开发3d轮播图)