首页 > TAG信息列表 > swiper7

swiper7-27. 切换页面是浏览器的网址会有所变化，就像锚点一样

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div data-hash="slide1" class="swiper-slide">Slide 1</div> 5 <div data-hash="

swiper7-29. 轮播图上放文字，轮播图成为背景

1 <template> 2 <div 3 style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" 4 class="swiper mySwiper" 5 > 6 <div 7 class="parallax-bg" 8 style=&quo

swiper7-31. 设置轮播图的容器自动适应内容的高度

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide 2<

swiper7- 30. 开启轮播图片懒加载

1 <template> 2 <div 3 style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" 4 class="swiper mySwiper" 5 > 6 <div class="swiper-wrapper"> 7 <div class

swiper7-32. 双击图片放大

1 <template> 2 <div 3 style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" 4 class="swiper mySwiper" 5 > 6 <div class="swiper-wrapper"> 7 <div class="

swiper7-33. 添加函数开启监听轮播图的各种事件(点击，滑动...)

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide

swiper7- 12. 网格布局

1 <template> 2 <!-- Swiper --> 3 <div class="swiper mySwiper"> 4 <div class="swiper-wrapper"> 5 <div class="swiper-slide">Slide 1</div> 6 <div class="swipe

swiper7-14. 设置无限滚动

1 <template> 2 <!-- Swiper --> 3 <div class="swiper mySwiper"> 4 <div class="swiper-wrapper"> 5 <div class="swiper-slide">Slide 1</div> 6 <div class="swipe

swiper7-15. 一个容器放三张图片并无限滚动

1 <template> 2 <!-- Swiper --> 3 <div class="swiper mySwiper"> 4 <div class="swiper-wrapper"> 5 <div class="swiper-slide">Slide 1</div> 6 <div class="swipe

swiper7-3.添加指示点（就是小点点）

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide 2<

swiper7-5.设置轮播图片之间的间隔

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide 2<

swiper7-1.初始化配置

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide 2<

swiper7-2.添加点击上一张和下一张功能

1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide">Slide 1</div> 5 <div class="swiper-slide">Slide 2<