Swiper插件使用

Swiper插件使用

1.引入swiper插件

npm install swiper --save

2.在页面中使用

 
 <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">      //滑动切换面板
        </div>
        <div class="swiper-slide">
        </div>
        <div class="swiper-slide">
        </div>
        <div class="swiper-slide">
        </div>
    </div>
</div>
<script>
    import Swiper from "swiper"
</script>
<style>
    @import "../../../lib/swiper/swiper.min.css";
</style>

2.语法小记

• 简单到不需要小记
• 类似插件 better-scroll