好资源导航 » 文章资讯 » vue实现整屏滚动切换

vue实现整屏滚动切换

2023-07-22 08:33:14 550

本文实例为大家分享了vue实现整屏滚动切换的具体代码，供大家参考，具体内容如下

1、下载vue-awesome-swiper

npmivue-awesome-swiper-S

2、在main.js引入

importvueAwesomeSwiperfrom'vue-awesome-swiper'
Vue.use(vueAwesomeSwiper);

3、直接上案例，新建一个路由页面






.swiper-slide{
font-size:24px;
text-align:center;
line-height:100px;
}
.swiper-slide:nth-child(2n){
background:skyblue;
}
.swiper-slide:nth-child(2n-1){
background:seashell;
}

4、电脑浏览器可能有问题，请使用真机测试

关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vue实现整屏滚动切换

第{{item}}页

随机推荐

vue实现整屏滚动切换

第{{item}}页

热门推荐

随机推荐