插件名称 | vue-snap |
---|---|
版本号 | v0.7.0 |
发布时间 | 2020年7月14日 |
插件作者 | bartdominiak |
vue-snap是一种轻巧的高性能Vue.js滑块/轮播组件,它使用CSS Scroll Snap自动将幻灯片项捕捉到边界。
v0.7.0(02/09/2020)
v0.6.6(12/06/2020)
v0.6.5(12/05/2020)
v0.6.4(11/29/2020)
v0.6.3(11/23/2020)
v0.6.2(11/01/2020)
v0.6.1(09/24/2020)
v0.5.1(09/21/2020)
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>