网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
vue-snap是一款轻量级高性能的Vue.js滑块/轮播图组件,使用CSS滚动捕捉将幻灯片项自动捕捉到边界。
1.导入必要的资源:
import Vue from 'vue'
import VueSnap from 'vue-snap'
import 'vue-snap/dist/vue-snap.css'
2. 注册组件。
Vue.use(VueSnap);
// or globally
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>
转载请注明来源:轻量级vue轮播图插件(vue-snap)
本文永久链接地址:https://www.moyouyouw.cn/code/1144.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论