随笔分类 -  Swiper轮播图相关

摘要:resistanceRatio抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘,0时完全无法拖离。 mounted: function() { let _this = this; setTimeout(function() { _this.myswiper = new Swipe 阅读全文
posted @ 2021-12-01 14:57 YJUI 阅读(2219) 评论(0) 推荐(1) 编辑
摘要:position: absolute; width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%); 阅读全文
posted @ 2020-09-17 18:13 YJUI 阅读(643) 评论(0) 推荐(0) 编辑
摘要:swiper轮播一行有几列如下决定 slidesPerView为3是三列,不写一列 // 初始化文章swiper var newsSwiper = new Swiper('#news-swiper', { slidesPerView: 3, spaceBetween: flag==2?10:20, 阅读全文
posted @ 2020-09-09 10:54 YJUI 阅读(2288) 评论(0) 推荐(0) 编辑
摘要:html: <link rel="stylesheet" href="css/swiper.min.css"> <div class="swiper-container s-c"> <div class="swiper-wrapper"></div> <!-- Add Pagination --> 阅读全文
posted @ 2020-02-28 10:56 YJUI 阅读(337) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <!-- Link Swiper's CSS --> <link rel="stylesheet" href="../p 阅读全文
posted @ 2020-02-28 10:05 YJUI 阅读(1017) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-12-27 14:16 YJUI 阅读(234) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示