51Dev开发社区
登录 注册

#swip

vue脚手架引入swiper
方法一：下载swiper：npminstallswiper--save-devswiper4.0使用入口：http://www.swiper.com.cn/usage/index.html；html： <divclass="swiper-container"><divclass="swipe...
代码星球 ·2020-04-08

使用SwipeRefreshLayout和RecyclerView实现仿“简书”下拉刷新和上拉载入很多其它
本篇博客介绍的是怎样使用SwipeRefreshLayout和RecyclerView实现高仿简书Android端的下拉刷新和上拉载入很多其它的效果。依据效果图能够发现，本案例实现了例如以下效果：第一次进入页面显示SwipeRefreshLayout的下拉刷新效果当内容铺满屏幕时，向下滑动显示“载入中…”效果并载入很多...
代码星球 ·2020-04-06

webpack Uncaught ReferenceError: Swiper is not defined
一、报错原因：Swiper的JS文件没有加载成功，或者说swiper丢失了依赖（正常操作是：加载后再初始化Swiper）二、解决方法：在初始化Swiper的js文件中导入Swiper　　importSwiperfrom'../lib/swiper-4.2.2.min.js';  ...
代码星球 ·2020-04-05

swiper下滑分页，减少swiper-slide项的时候会出现空白
修改子项后，先重置当前的页，调用 swiper.slideTo(0); 滚动到初始位置再调用 swiper.update();更新一系列设置就可以了。...
代码星球 ·2020-04-04

swiper2 swiper-slide 之间的间距调整
1.在css中调整间距（我的这个是一行显示三个）swiper-slide-active可以对这个类进行操作这个类是显示在页面上的第一个元素 2.设置js//热门新闻swipervarnewsSwiper=newSwiper('#newsSwiper',{//autoplay:3000,loop:true,sl...
代码星球 ·2020-04-04

基于Swiper 2.7.6实现的带缩略图功能的轮播图
非原创，只能适合PC端，如果是移动端，只需要修改界面的大小即可。界面如下：链接：http://pan.baidu.com/s/1pK9XdUV密码：jsyk ...
代码星球 ·2020-04-04

apiCloud组件：swiper
一、apicloud中基于swiper封装了一个模块供调用。就是swiper.js页面引入js就行1<scripttype="text/javascript"src="../script/swipe.js"></script>方法有1startSlide:4,//起始图片切换的索引位置2auto...
代码星球 ·2020-04-02

前端swiper使用指南
swiper在网页中常用的方法1、使用时在页面引入1<linkrel="stylesheet"href="front/css/swiper.min.css">2<scriptsrc="front/js/swiper.jquery.min.js"></script>2、基本结构1<...
代码星球 ·2020-04-02

Swiper 3D flow轮播使用方法
swiper的3d轮播效果，移动端适用(1).如需使用Swiper的3d切换首先加载3Dflow插件(js和css)。<head><linkrel="stylesheet"href="css/idangerous.swiper.css"><linkrel="stylesheet"href=...
代码星球 ·2020-04-02

vue-awesome-swiper组件的使用
一、轮播图组件是这样安装的npmi--save-devvue-awesome-swipermain.js里面import'swiper/dist/css/swiper.css'importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)b...
代码星球 ·2020-04-02

swiper轮播始终居中active图片
用的是vue-awesome-swiper在vue项目中,参数方法与swiper一致。使用场景如下：左侧小图一共八张，默认显示的是三张，始终保持activeimg在中间，提升用户体验度。swiper容易就是为三张图片的高度。在官方文档实例中，居中如下。这样的话，第一张图片也是居中的，它的上面就会空出一张图片的高度空白，...
代码星球 ·2020-04-01

跳坑 小程序swiper组件 轮播图片 右边空白问题
swiper组件设置轮播图片时，右侧会出现空白的情况；是因为swiper组件有默认的高度和宽度，所以我们在设置图片高度和宽度的同时，也要为设置高度和宽度，和高度和宽度样式一样的就可以。...
代码星球 ·2020-03-28

全屏slider--swiper
   这两年，这种滑动器技术在互联网产品介绍页设计上非常常用，最近某个项目需要这种设计，在网上找了一下，有个老外产的这种设计组件swiper已经非常成熟，原来这个东西设计初衷是pad之类的移动触摸交互设备，这个东西国内已经出现了中文版主页，废话不多说了：   ...
IT猿 ·2020-03-27

swiper 自定义分页器的使用
网上关于swiper自定义分页器的方法比较多，但是已经不适合使用。它的API又比较坑爹，什么都是点到为止，不说清楚。因为要做一个产品颜色切换的效果，有黑与白两种颜色，因此尝试使用Swiper的自定义分页定义产品的颜色，看下图： swiper默认的切换是不以这种产品的颜色来定的，因此，要先写好颜色的分页器：&l...
IT猿 ·2020-03-26

PhotoSwipe简介(PhotoSwipe是一个适合在触摸屏手机上使用的相册展示包)
官方介绍PhotoSwipe是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相册...
IT猿 ·2020-03-26
首页上一页12345下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他