Swiper

uniapp使用scroll-view与swiper组件实现tab滑动切换页面需要注意的问题

这里需要注意的是使用swiper组件时，它会有一个默认的高度，你必须动态的获取数据列表的高度覆盖原来的默认高度。
Vam的金豆之路·2020-07-28 08:18

侵入式设计和非侵入式设计的理解

比如Android的RecyclerView做下拉刷新如果你从Adapter内部入手去制作，这叫侵入式如果像官方的SwipeRefreshLayout一样，这叫非侵入式官方的下拉刷新就很神奇他只需要在RecyclerView
徐乙·2020-07-28 07:14

uni-app Banner ( 轮播图 ) 实现

例子：从上面的例子可以看出swiper组件有一些属性，更多属性文档参考swiper组件indicator-dots表示是否显示指示器，默认是falseautoplay表示是否自动轮播，默认是falseinterval
爱吃芒果de仙女·2020-07-28 06:27

小程序 轮播指示点手动实现

由于原生的点限制太多，这里展示下，手动自己实现指示点html{{item.name}}cssswiper-item{position:relative;padding:20rpx20rpx0;width
qiphon3650·2020-07-28 05:41

微信小程序swiper实现轮播图，可触发点击事件

实现微信小程序轮换图切换，点击获取图片url,获取当前位置1、index.jsPage({data:{autoplay:true,dotsBoll:false,interval:2000,duration:1000,current:0,imageUrls:['http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
yanxiangfei11·2020-07-28 04:12

（四）微信小程序之实现轮番效果（swiper）

轮番效果在很多的网站主页或者手机应用端都能看到，在微信小程序中使用swiper组件来实现图片轮番，今天的小例子效果如下：为了方便演示我将动画切换的间隔调整为3s，现实项目中一般为5s，具体看项目需求而定
Tiramisu_C·2020-07-28 04:51

微信小程序轮播图滚动带动背景图变换及滚动对应图片下标

首先呢，先放图片吧这个是实现的状态，由于懒得弄gif图，就将就看一下吧首先是wxml代码接着是wcss代码.swiper-all{margin-top:100rpx;}.all-img{margin-left
丶枕边人·2020-07-28 04:22

react项目，ts，使用swiper

1、安装swiperyarnaddswiper2、安装swiperts支持yarnadd@types/swiper3、使用importswiperfrom"swiper";import'swiper/css
向来缘浅奈何晴深·2020-07-28 03:46

vue 可复用swiper以及scoped样式穿透（可以不受scoped的限制来修改样式）

blog.csdn.net/u014027876/article/details/81663080https://www.jianshu.com/p/8601ccf91225安装npminstallvue-awesome-swipercnpminatal
前端召唤师·2020-07-28 03:56

小程序导航栏全屏navigationStyle自定义导航栏，小程序轮播图导航栏

css.swiper{position:fixed;width:750rpx;height:422rpx;}swiper{height:422rpx;}jsdata:{background:[{key:
子钦加油·2020-07-27 23:00

论#POST异步加载的tab切换内容 swiper切换不起效果以及底部pagination 失效的解决办法#

论#POST异步加载的tab切换内容swiper切换不起效果以及底部pagination失效的解决办法论#POST异步加载的tab切换内容swiper切换不起效果以及底部pagination失效的解决办法
guyue_01·2020-07-27 22:13

Android RecyclerView 局部刷新分析

前情回顾AndroidRecycleView轻松实现下拉刷新、加载更多AndroidRecyclerView定制单选多选模式SwipeRefreshLayout在RecyclerView空白时下拉失效分析之前写的
lovejjfg·2020-07-27 21:24

微信小程序--轮播图

微信小程序轮播图的实现是利用了swiper组件（滑块视图容器）。
程诺·2020-07-27 20:00

微信小程序实现轮播图，三秒后跳转，显示点。

轮播图代码：1.设置图片三秒后跳转：在swiper中添加：autoplay="auto"interval="3000"duration="500"2.设置轮播图上图片的点，默认是false不显示点。
谷咕咕·2020-07-27 18:47

Vue个人经验小结

vueinitwebpack搭建项目并使用相关工具完善vue2.0推荐使用axios获取数据this.axios.get().then((response)=>{console.log(response)})搭配swiper
树某人·2020-07-27 17:17

适配性强的移动端select选项框

所以为了解决以上问题，基于swiper对select进行了优化改进，改进后的样式可以随意设置，实现多端样式统一。
孟繁胜游·2020-07-27 17:40

h5 轮播图的接入

不管是app端，还是web端，轮播图是永远少不了的，swiper是当前最流行的，使用最多的一个插件。
简约美·2020-07-27 17:22

微信小程序文字轮播禁止手动滑动

{{item.title}}//禁止swiper可以滑动stopTouchMove:function(){returnfalse;},
MercedesCc·2020-07-27 16:38

swiper轮播图切换指示点改变背景颜色

swiper官方api文档：https://www.swiper.com.cn/api/index.html如果有一个页面中需要引用多个Swiper，可以给每个容器加上ID或Class区分，但是需要保留默认的类名
不足为害·2020-07-27 15:31

手写swiper组件基本原理

主要使用touchstart,touchmove，touchend事件touchstart时记录用户触摸点的x,y坐标，存入数组[x,y]，将slideContainer的transition设置为0s（默认有transition:all0sease0s）touchmove事件也会进行触摸位置移动，触摸的距离len为用触摸点的x坐标e.touches[0].clientX减去touchstart时
E_li_na·2020-07-27 15:21

短视频PHP源码Android 打造专属的下拉刷新 加载更多

其实，我觉得SwipeRefreshLayout这种刷新效果就很好了，简约又不简单。一看就知道是Android的。
云豹网络科技·2020-07-27 14:22

微信小程序快速开发-食堂菜单案例

用了小程序的swiper控件，swiper控件里面放置的是scroll-view控件。这里面设置的高度用的是百分比，这存在一定的问题。
喂-不吃素的熊宝宝·2020-07-27 14:40

插件列表

1、fullpage.js全屏插件-fullpage2、swiper动画-swiper.animate3、layer弹出层-layer移动4、easydialog弹框-easydialog5、jQueryEasing
jiaomeichen·2020-07-27 13:36

最全解决方案：Vue 项目中 Swiper 轮播图分页器 swiper-pagination 无法显示问题（解决方案集合）

最近用Vue做项目需要加个轮播效果，安装swiper后，结果分页器死活出不来，但轮播效果和前进后退箭头以及滚动栏都是正常显示的，默认安装的是最新版本swiper@6.0.4，这可把我难住了。
一个爱运动的前端程序媛·2020-07-25 23:24

nuxt.js使用swiper插件

先装swiper插件npminstall--savevue-awesome-swiper引入第三方插件一般放置到plugins目录下创建swiper.jsimportVuefrom'vue'importcssfrom'swiper
刘金海_·2020-07-25 09:36

vue引入新版vue-awesome-swiper报错问题处理

在安装vue-awesome-swiper时报错swiper/dist/css/swiper.min.css找不到，如下如：有的回答安装6.0版本的话需要引入另外一个cssimport'swiper/swiper-bundle.css
叶子you·2020-07-24 16:00

vue引入新版vue-awesome-swiper报错问题处理

在安装vue-awesome-swiper时报错swiper/dist/css/swiper.min.css找不到，如下如：有的回答安装6.0版本的话需要引入另外一个cssimport'swiper/swiper-bundle.css
Hedy·2020-07-24 16:00

微信小程序开发之八 —— swiper、video、map组件与cover效果

文章目录学习前后swipervideocover效果map提示学习前后上一篇：微信小程序开发之七——Flex、Grid与List布局下一篇：微信小程序开发之九——JavaScript入门swiper官方文档
@不胜寒·2020-07-22 13:45

微信小程序开发之七 —— Flex、Grid与List布局

文章目录学习前后Flex布局容器的属性项目的属性：Grid布局List布局学习前后上一篇：微信小程序开发之六数据绑定与列表渲染下一篇：微信小程序开发之八——swiper、video、map组件与cover
@不胜寒·2020-07-22 11:16

android 原生下拉刷新控件SwipeRefreshLayout的使用

SwipeRefreshLayout是一种下拉刷新的组件，它被放到了V4包中，只允许有一个直接子类。
总有刁民想杀寡人·2020-07-16 06:46

weui+swiper 滑动底部导航栏切换 类似微信切换效果

之前的源码可能不完整，这是完整的使用的是WeUIv1.1.1(https://github.com/weui/weui)Swiper3.4.2(http://www.idangero.us/swiper
zzig·2020-07-16 05:22

weui+swiper 滑动底部导航栏切换

查看https://blog.csdn.net/qq_29598161/article/details/78430321weui+swiperhtml{height:100%;}body{max-width
zzig·2020-07-16 05:50

下拉刷新控件SwipeRefreshLayout的使用介绍

SwipeRefreshLayout是官方提供的下拉刷新解决控件，具有使用简单，灵活等特点。
青冘·2020-07-16 05:32

Android之SwipeRefreshLayout使用和冲突解决

Android之SwipeRefreshLayout使用和冲突解决文章链接：http://blog.csdn.net/qq_16628781/article/details/64441035知识点SwipeRefreshLayout
姚镜堂·2020-07-16 04:14

用swiper自定义一个模版

前言：利用swiper搭了个模版，主要加入了逻辑交互，css样式，部分结构，希望可以让人拿来即用，少写一些重复性工作。
子母粉丝·2020-07-16 02:14

Android 下拉刷新,非常强大的下拉刷新功能

Android下拉刷新各式各样,今天介绍两种常见的第一种下拉刷新就是Android自带API,V4包下面的android.support.v4.widget.SwipeRefreshLayout只要将要刷新的控件放到
kqz2014·2020-07-16 01:01

安卓之下拉刷新

SwipeRefreshLayout讲解SwipeRefreshLayout是谷歌公司推出的用于下拉刷新的控件，SwipeRefreshLayout已经被放到了sdk中，在Version19.1之后SwipeRefreshLayout
小鹿迷鹿·2020-07-16 01:16

使用fullpage.js实现全屏滚动经验以及踩的坑

全屏滑动一般用在官方网站使用较多这种效果，有很多插件可以实现这种效果，像swiper,fullpage,iscroll等。鉴于fullpage没用过，所以就选择它进行尝试一下。
Nina512·2020-07-15 23:16

RN 轮播

Swiper轮播图组件1、功能说明banner图标或者文字轮播2、组件效果3、代码演示importReact,{Component}from"react";import{StyleSheet,Text,
浅夏晴空·2020-07-15 23:53

Android SwipeRefreshLayout控件

1.SwipeRefreshLayout用法SwipeRefreshLayout是一个很好的下拉刷新控件。
假装你是大灰狼·2020-07-15 21:57

JavaScript Swiper插件

Swiper开发文档一款免费以及轻量级的移动设备触控滑块的js框架初始化Swiper实例#box1{width:600px;height:300px;margin:50pxauto;}#box1.sd1
苦涩2020·2020-07-15 19:40

Swiper实现上拉刷新和下拉加载更多（学习笔记④）

tab1tab2tab3下拉可以刷新下拉可以刷新列表列表列表列表列表列表列表列表列表列表列表列表列表列表列表列表列表列表上拉加载更多JS结构：varloadFlag=true;varoi=0;varmySwiper
杏林镇五龙亭楊小胖·2020-07-15 19:42

微信小程序里面的标签和html标签的对比、微信小程序基础之常用控件

一、视图容器(ViewContainer)：标签说明view视图容器scroll-view可滚动视图容器swiper可滑动的视图容器二、基础内容(BasicContent)标签名说明icon图标text
温暖会追上来的.·2020-07-15 19:02

安卓下拉刷新并取消的实现（超简单）

话不多说，下面简单介绍一下SwiperRefreshLayout控件的使用。
华农弟兄·2020-07-15 14:08

重写一个能避免与横向View（如ViewPager，RecycleView等）产生滑动冲突的ScrollView或SwipeRefreshLayout

/***author：xc*date:2018/7/31*desc:自定义包裹Viewpage解决滑动冲突的ScrollView或SwipeRefreshLayout*/publicclassViewpageSwipeRefreshLayoutextendsScrollView
xuchao_blog·2020-07-15 10:00

RecyclerView支持下拉刷新、上拉加载，包括线性布局、网格布局和 流布局

RecycleView*/publicclassPullLoadMoreRecyclerViewextendsLinearLayout{privateRecyclerViewmRecyclerView;privateSwipeRefreshLayoutmSwipeRefreshLayout
xuchao_blog·2020-07-15 10:00

SmartRefresh结合Lottie实现一行代码切换下拉刷新动画

而且该库已经提供了大量的刷新效果，其中包括默认的SwipeRefresh经典风格，以及一些高级的比如游戏刷新、适用于聊天项目的上拉加载更多等等。
八怪不姓丑·2020-07-15 10:41

商城项目实战 | 8.2 SwipeRefreshLayout 实现可以下拉刷新和加载更多的热门商品列表

领取地址：http://mp.weixin.qq.com/s/afPGHqfdiApALZqHsXbw-A或欢迎勾搭运营小姐姐（微信id：BT474849）免费领取哦~在上篇文章《商城项目实战|8.1SwipeRefreshLayout
菜鸟窝·2020-07-15 09:12

Android实践

当然还有一部分原因是和大多数Android研发聊天的时候发现很多人对MD规范和一些官方新出的控件基本都不知道，例如SwipeRefreshLayout、CardView等等，尽管这些控件都有了好几年，但是还有好多人不知道
王三的猫阿德·2020-07-15 07:48

css+js实现轮播banner

;}.container{width:126px;height:86px;overflow:hidden;margin:100pxauto;background-color:aquamarine;}.swiper
withwz_·2020-07-15 07:57
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他