vue-snap是一种轻巧的高性能Vue.js滑块/轮播组件,它使用CSS Scroll Snap自动将幻灯片项捕捉到边界。
v0.5.0(09/17/2020)
v0.4.0(09/15/2020)
v0.3.0(09/05/2020)
v0.2.0(08/29/2020)
v0.1.0beta 9(08/27/2020)
1.导入必要的资源:
import Vue from 'vue'
import VueSnap from 'vue-snap'
import 'vue-snap/dist/vue-snap.css'
2.注册组件。
Vue.use(VueSnap);
// 或全局
import { Carousel, Slide } from 'vue-snap'
import 'vue-snap/dist/vue-snap.css'
export default {
components: {
Carousel,
Slide
}
}
3.将幻灯片添加到轮播中。
<carousel>
<slide>
Slide 1
</slide>
<slide>
Slide 2
</slide>
<slide>
Slide 3
</slide>
...
</carousel>