vue-swiper-demo
基于Vue-Awesome-Swiper + vue-cli3实现的滑动轮播项目,有旋转叠加和平移两个效果
旋转叠加
平移
npm install npm run serve Vue-Awesome-Swiper 介绍
Swiper4 component for Vue, support pc and mobile, SPA and SSR.
基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。
Installnpm 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>
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。