介绍
小编给大家分享一下vue2.0如何使用偷窃者实现轮播广告功能,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
npm安装swiper@3.4.1, save-dev
从& # 39;进口偷窃者偷窃者# 39;; 进口& # 39;偷窃者/dist/css/swiper.min.css& # 39;;
& lt; p类=皊wiper-container"id=皊wiper"比; 类& lt; p=皊wiper-wrapper"祝辞 类& lt; p=皊wiper-slide"v代表=癲etail.imgs"(项目,美元指数);比; & lt; v:点击=皊howPreview(美元指数,detail.imgs swiperObj)“比; & lt;图类=皐p-avatar banner"比; & lt; img v-cloak: src=https://www.yisu.com/zixun/毕钅縷 toQiNiuImg "/> 图> >
setTimeout(函数(){ 状态。swiperObj=new偷窃者(& # 39;#偷窃者# 39;,{ 循环:没错, 分页:& # 39;.swiper-pagination& # 39; 播放:2000 paginationClickable:真 }); },100)
看完了这篇文章,相信你对vue2.0如何使用偷窃者实现轮播广告功能有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!