swiper
文章平均质量分 55
零Suger
没~
展开
-
vue2中使用低版本swiper
vue2中使用swiper.js插件原创 2022-06-22 17:46:37 · 890 阅读 · 0 评论 -
vue使用swiper插件做垂直轮播图
1.下载安装 cnpm install swiper vue-awesome-swiper --save2.main.js:import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'import "swiper/swiper-bundle.min.css";Vue.use(VueAwesomeSwiper)//配置分页器import {Swiper as SwiperClass,Pagination} from原创 2021-12-22 13:55:45 · 2497 阅读 · 0 评论 -
在swiper中添加css动画
最近碰到一个swiper项目,需求中最后一页有一个动画是手指从按钮的位置移动到右上角,动画只出现一次。第一反应就是css3写一个动画,使用swiper的回调函数OnSlideChangeEnd判断对应的页面addClass,但是发现add不进去,具体原因,暂时不知,代码如下:css:.share { width: 30px; height: 40px; position: abso...原创 2018-06-20 17:58:57 · 2951 阅读 · 0 评论 -
swiper控制页面切换
一般在希望用户执行某个操作之后,才允许页面切换的时候,会有这种需求。比如说要用户点击提交按钮之后,才能滑动到下一个slide。swiper有一个noSwiping选项,设为true时,可以在slide上(或其他元素)增加类名’swiper-no-swiping’,使该slide无法滑动。具体用法: <div class="swiper-container"> ...原创 2019-04-12 12:45:27 · 4869 阅读 · 0 评论