当前位置: 首页> 健康> 美食 > 机械网站建设_网页设计ppt演讲_今日nba数据帝_百度seo刷排名软件

机械网站建设_网页设计ppt演讲_今日nba数据帝_百度seo刷排名软件

时间:2025/7/17 21:20:41来源:https://blog.csdn.net/XunLin233/article/details/144956687 浏览次数:0次
机械网站建设_网页设计ppt演讲_今日nba数据帝_百度seo刷排名软件

我们使用swiper标签就可以实现轮播图的效果。

一、swiper组件的结构

整体的轮播图使用swiper标签,轮播的每一页使用swiper-item标签。

<template><swiper class="swiper"><swiper-item><view class="swiper-item">11111</view></swiper-item><swiper-item><view class="swiper-item">22222</view></swiper-item><swiper-item><view class="swiper-item">33333</view></swiper-item><swiper-item><view class="swiper-item">44444</view></swiper-item><swiper-item><view class="swiper-item">55555</view></swiper-item></swiper>
</template><style lang="scss">.swiper{width: 100vw;height: 200px;}.swiper-item{width: 100%;height: 100%;background-color: lightblue;}
</style>

 

二、指示点设置

indicator-dots    显示指示点

indicator-color    指示点的颜色    属性是rgba(...)

indicator-active-color    当前选中的指示点颜色    属性是#...

 

三、衔接滑动

circular    开启衔接滑动

衔接滑动开启后,就可以实现第一张和最后一张之间的轮播效果。

即“55555”往后滑一张是“11111”;“11111”往前滑一张是“55555”。

 四、自动切换

autoplay     开启自动切换

interval     自动切换的时间     属性单位是毫秒(默认5000,即5秒)

 五、纵向滑动

vertical    开启纵向滑动

 

关键字:机械网站建设_网页设计ppt演讲_今日nba数据帝_百度seo刷排名软件

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: