2021年12月12日
swiper7- 13.横向滚动中内嵌竖向滚动
摘要： 1 <template> 2 <!-- Swiper --> 3 <div class="swiper mySwiper swiper-h"> 4 <div class="swiper-wrapper"> 5 <div class="swiper-slide">Horizontal Slide 1< 阅读全文
posted @ 2021-12-12 17:53 sky-su 阅读(235) 评论(0) 推荐(0)
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=" 阅读全文
posted @ 2021-12-12 17:48 sky-su 阅读(906) 评论(0) 推荐(0)
swiper7-11. 控制滑动方向（竖直，横向）
摘要： 1 <template> 2 <div class="swiper mySwiper"> 3 <div class="swiper-wrapper"> 4 <div class="swiper-slide"> 5 <h4>Scroll Container</h4> 6 <p> 7 Lorem ips 阅读全文
posted @ 2021-12-12 17:45 sky-su 阅读(765) 评论(0) 推荐(0)
swiper7-10.增加滑动惯性
摘要： 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">Slid 阅读全文
posted @ 2021-12-12 17:44 sky-su 阅读(323) 评论(0) 推荐(0)
swiper7-9.开启更好的性能
摘要： 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">Slid 阅读全文
posted @ 2021-12-12 17:42 sky-su 阅读(420) 评论(0) 推荐(0)
swiper7-8. 初始化是控制图片是居中还是靠左
摘要： 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">Slid 阅读全文
posted @ 2021-12-12 17:39 sky-su 阅读(580) 评论(0) 推荐(0)
swiper7-7.控制轮播图容器放几张图
摘要： 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">Slid 阅读全文
posted @ 2021-12-12 17:34 sky-su 阅读(235) 评论(0) 推荐(0)
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">Slid 阅读全文
posted @ 2021-12-12 17:28 sky-su 阅读(2431) 评论(0) 推荐(0)
swiper-4.添加滚动条
摘要： 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">Slid 阅读全文
posted @ 2021-12-12 17:27 sky-su 阅读(587) 评论(0) 推荐(0)
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">Slid 阅读全文
posted @ 2021-12-12 17:26 sky-su 阅读(1091) 评论(0) 推荐(0)