Swiper

使用swiper动态加载数据遇到的坑

使用swiper做轮播官网上的用法都很简单，因为案例的数据是写死在html里的，这样的情况下swiper放在页面的任意位置初始化都可以，但是实际开发中，很多时候轮播的数据我们是动态获取的，所以swiper
caicai1171523597·2020-09-17 15:05

小程序轮播图闪屏bug

微信小程序引入轮播图，滑动时通过this.setDate()改变swiper的current下标，滑动频率过快会出现闪屏bug解决：1.判断滑动事件的source值是否是主动滑动引起的轮播，若不是就禁止掉轮播
bancang6002·2020-09-17 15:48

Ionic2关于Slides的一些坑

首先，要知道Slides是实际使用的是swiper组件，所以遇到问题也可以查阅swiper相关资料。
Lynson666·2020-09-17 15:48

微信小程序swiper滑动页面实践-类似于安卓ViewPager

一言不合，上效果效果一效果二效果三效果四基本属性属性名类型默认值说明最低版本indicator-dotsBooleanfalse是否显示面板指示点indicator-colorColorrgba(0,0,0,.3)指示点颜色1.1.0indicator-active-colorColor#000000当前选中的指示点颜色1.1.0autoplayBooleanfalse是否自动切换currentN
东边的小山·2020-09-17 15:06

微信小程序公告(文字滚动)具体实现:

具体实现代码如下:****index.wxml:****{{item.title}}**index.wxss:**.swiper_com{height:50rpx;width:100vw;}.swiper_item
浅殇忆流年·2020-09-17 15:48

微信小程序 swiper选项卡切换 flex弹性布局+scroll-view撑开高度

写swiper的时候高度无法撑开，也不想用js动态设置高度，就可以利用flex弹性布局来撑开高度，效果如下。
银鞍照白马·2020-09-17 15:14

有关swiper动态改变数据遇到的坑（不能自动滚动，自动跟新数据，切换不正常）...

以前都觉得swiper的使用很简单，那是因为使用swiper时都是写的数据，按照官网上介绍直接初始化swiper，随便丢一个地方初始化就ok了，但是在很多需求中，我们都需要动态的改变数据，这样可能就会遇到很多问题
weixin_30875157·2020-09-17 15:57

微信小程序实现tab和swiper切换结合效果viewpage+tab效果

swiper.js代码//index.js//获取应用实例varapp=getApp();varmtabW;Page({data:{tabs:["A","B","C","D","E"],//tob标题pageData
奋斗的蚂蚁299·2020-09-17 15:10

微信小程序的 swiper tab切换 宽高自适应

小程序swiper标签宽高自适应解决方法，亲测有效，代码如下wxml:个人信息竞猜历史竞猜结果姓名：xp职位：前端第一期的结果------不知道第二期的结果------不知道第一名：aaa第二名：bbb
素味平生·2020-09-17 14:02

微信小程序-公告滚动消息通知

写在前面：这次我主要想总结一下微信小程序实现上下滚动消息提醒，主要是利用swiper组件来实现，swiper组件在小程序中是滑块视图容器。
璞~·2020-09-17 14:01

微信小程序 swiper滑动导航

微信小程序swiper滑动导航（高度可以自适应，我用的是可以的）效果：1.wxml未使用已使用已过期2.css/*swiper*/.swiper-tab{display:flex;border:1rpxsolid
nikigyq·2020-09-17 14:13

小程序 组建swiper 图片抖动bug解决

用了小程序原生组建swiper组件图片滑动就会抖动。。坑死了。。
hexiaoniao·2020-09-17 14:40

微信小程序swiper组件真机上滑动过快导致崩溃问题

使用微信小程序的swiper组件时，如果在bindchange的事件回调函数中使用setData改变current值，则有可能导致setData被不停地调用，因而通常情况下请在改变current值前检测
阿菜莱·2020-09-17 14:36

微信小程序实现上下滚动消息提醒

主要是利用swiper组件来实现，swiper组件在小程序中是滑块视图容器。我们通过vertical属性（默认为false,实现默认左右滚动）设置为true来实现上下滚动。
HB_CXY·2020-09-17 14:03

微信小程序 swiper滑动出现无限滑动bug

这是发现的一个关于微信小程序swiper组件的bug，以美团为例截图如下：要解决这个bug我们先需要看一下微信小程序的官方文档关于swiper组件的介绍https://developers.weixin.qq.com
初学的小白一枚·2020-09-17 14:01

微信小程序-swiper视图组件

Indicator-dotsautoplayintervalduration//pages/index/index.jsPage({/***页面的初始数据*/data:{imgUrls:['http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg','http://img06.tooopen.com/images/20
Somnus陳·2020-09-17 14:31

微信小程序——swiper组件在左右不断自己切换滑动

问题：微信小程序的swiper组件在左右不断切换滑动会发生疯狂的滑动可能原因：这是因为动态设置了current的问题，当source为空字符串的时候，此时触摸滑动就会导致这样一直滑动解决方法：在改变current
_张牧之_·2020-09-17 14:56

微信小程序实现 消息公告数据滚动

公司小程序项目需求要做一个公告消息，刚开始用小程序swiper组件实现了，效果也不做，有个问题就是，滚动的时候用手指可以滑动，这就尴尬了(产品不允许啊)，可是swiper组件又不能禁止手指滑动，另想办法
weixin_33874713·2020-09-17 14:17

微信 小程序布局 swiper 页面

JS//pages/classify/swiper.jsPage({/***页面的初始数据*/data:{current:0},titleBtn:function(e){varacIndex=e.currentTarget.dataset.current
weixin_30467087·2020-09-17 14:15

关于滑动切换页面swiper的坑

我们的页面结构必须严格按照官方的标准：Slide1Slide2Slide3...看见swiper-container类了吗，他必须是区域的顶层元素即他应该是body的子元素，而且他的height：100%
samete·2020-09-17 14:12

微信小程序使用swiper制作左右滑动tabs导航

首先我们先来看一下效果吧很简单wxml{{item.title}}wxss/*tabs-nav*/.tabs-nav{width:100%;height:442rpx;background:#ffffff;border-radius:10rpx;}.navigation{padding:44rpx15rpx2rpx;display:flex;flex-direction:row;flex-wrap
青衫折扇·2020-09-17 14:08

微信小程序swiper的左右不断切换滑动bug解决

if(e.detail.source==='touch'){this.setData({current:e.detail.current})}
子弹头99·2020-09-17 14:37

关于Swiper触摸滑动的小应用

现在正好用到Swiper，在此分享个小例子供大家参考，如果想了解更多关于Swiper的应用，可查看官网https://www.swiper.com.cn使用时首先需要下载库并引入，下载地址：https:
行者绿石榴·2020-09-17 09:45

轮播图demo左右滑动-pc端

还实现了节流的功能外面只引入了四张图片的地址有注释，直接上代码轮播图demo左右滑动-pc端/*轮播图*//*去掉默认样式*/li,i,ul{list-style:none;margin:0;padding:0;}.swiper
QUAN-铨·2020-09-17 08:10

React 的错误边界 && Hook简介 && Swiper 与 ECharts在React中的使用 @stage3---week5--day2

错误边界Hook简介swiper与EChart在React中的使用错误边界过去，组件内的JavaScript错误会导致React的内部状态被破坏，并且在下一次渲染时产生可能无法追踪的错误。
英俊潇洒美少年·2020-09-17 02:22

解决swiper默认显示最后一张问题

swiper默认显示最后一张？
谁看到我的小饼干·2020-09-17 00:57

swiper4 移动端导航切换（可滑动）

首先导入(这里用的是Swiper4.0.7版本)在写入html内容商品分类手机厨具数码家纺生鲜家用电器食品饮料电脑/办公家用日用手机厨具数码家纺生鲜家用电器食品饮料电脑/办公家用日用最后调用swipervarmyNav
葉幺·2020-09-17 00:03

pc 移动端点击事件

端的事件有：click（点击）、dbclick、mousemove、mouseover、mouseout、load等而移动端采用的是：tap（敲击）、taphold（长按）、swipe|swipeleft|swiperight
葉幺·2020-09-17 00:32

swiper 调完接口不能翻页，点击下一页没反应，不能轮播；点击下一页后执行函数

swiper调完接口不能翻页，点击下一页没反应，不能轮播；点击，上一页，下一页后执行函数functionsow(){varnowguid=$(".swiper-slide-active").attr('
NANA北极·2020-09-16 23:26

javascript 常用手势 分析

javascript常用手势,个人觉得有3个tap,swipe(swipeLeft,swipeRight,swipeTop,swipeRight),holdtap是轻击判断的原则是,在toustart后
apr40151·2020-09-16 22:01

微信小程序轮播图

2.每一个轮播图项3.标签存在默认样式1.width:100%2.height:150px;标签存在默认宽度和高度320*243.高度无法实现由内容撑开4.先找出来原图和高度等比例给swiper定高度和宽度假如原图的宽度和高度为
笑到世界都狼狈·2020-09-16 22:14

flutter flutter_swiper自定义指示器

王亟亟的大牛之路最近在做公司项目的一些模块迁移的尝试，然后在改Banner的时候发现官方并没有提供封装彻底的ViewPager控件，然后第三方里我选了https://github.com/best-flutter/flutter_swiper
王亟亟·2020-09-16 18:12

AndroidX包下找不到SwipeRefreshLayout

AndroidX包下找不到SwipeRefreshLayout解决方案：升级到androidX后需要手动在build.gradle中添加新版本的依赖：implementation“androidx.swiperefreshlayout
i m yours·2020-09-16 16:12

swiper两个轮播互相控制 / 做两个互相联系的轮播

html代码js代码varimgSlide=newSwiper("#product-image-slides",{loop:false,centeredSlides:true,autoplay:{delay
qianqianhellohey·2020-09-16 15:30

Android SwipeRefreshLayout教程

转载自：http://www.open-open.com/lib/view/open1404200582514.html阅读目录简介怎样使用SwipeRefreshLayout在ListView上使用SwipeRefreshLayout
TY1972·2020-09-16 15:44

android SwipeRefreshLayout 下拉刷新控件使用

导入库文件implementation'com.android.support:recyclerview-v7:28.0.0'implementation'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0-alpha-28'uiclasspublicclassMainActivityextendsAppCompatActivity{RecyclerV
龙之吻·2020-09-16 15:14

关于androidX版本下找不到SwipeRefreshLayout组件的问题

这是遇到的错误：在布局文件中也找不到该组件；解决方案：升级到androidX后需要手动在build.gradle中添加新版本的依赖：implementation“androidx.swiperefreshlayout
lmq666666·2020-09-16 15:35

SwipeRefreshLayout下拉刷新冲突解决

摘要:SwipeRefreshLayout结合ListView使用的时候有时候存在下拉冲突，本文提供解决方法使用SwipeRefreshLayout，网上资料copy了一个OnScrollListener
gaideng·2020-09-16 14:38

fragment切换时候出现重叠问题的发现

这是我发现的一个小小问题，在fragment切换的时候，源fragment布局中如果根布局是SwipeRefreshLayout里面嵌套一个LinearLayout,时候，发现切换后的fragment布局中重叠了源
chixi1408·2020-09-16 14:14

SwipeRefreshLayout + ListView 实现仿简书 下拉刷新 与 上拉加载

Android5.0之后，谷歌官方提供了一款下拉刷新的控件SwipeRefreshLayout。国外的软件中，YouTube、Google+等应用基本都采用该统一的下拉方式。
Kothon·2020-09-16 14:30

让Android Support V4中的SwipeRefreshLayout支持上拉加载更多

好在google在v4包中出了一个SwipeRefreshLayout，但是这个组件只支持下拉刷新，不支持上拉加载更多的操作。因此，我们就来简单的扩展一下这个组件以实现上拉下载的目的。
MrSimp1e·2020-09-16 14:46

SwipeRefreshLayout使用

LoadDataScrollControllerpublicclassLoadDataScrollControllerextendsRecyclerView.OnScrollListenerimplementsSwipeRefreshLayout.OnRefreshListener
lisen_then·2020-09-16 13:08

uni-app组件、网络请求

swiper轮播图滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图，注意是滑动切换而不是滚动。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。
li_yan_·2020-09-16 13:07

swiper插件设置禁止鼠标拖动

用swiper插件做PC端分屏项目一定能用到的会出现的问题：1.不能复制文本2.点击容易翻页，体验很不好。
我一直在路上·2020-09-16 13:23

小程序列表页tab切换swiper并滚动到上次位置

小程序的话很容易就想到swiper组件，然后滑动的当前swiper-item和tab的index对应起来就可以了。而且页面滑动页有对应的scroll-view组件使用
this_ITBoy·2020-09-16 12:53

ReactNative FlatList多布局展示列表数据

Component}from"react";import{Button,FlatList,StyleSheet,Text,View,TextInput}from"react-native";importSwiperfrom'react-native-swiper
你微笑时很美ivan·2020-09-16 11:02

uni-app的swiper组件切换且同时切换顶部菜单

先截个图上面是三个菜单，底下是进行切换的swiper，根据swiper的切换，底下的可见的绿色也会随之动态移动。
DOM曼珠沙华·2020-09-16 11:25

微信小程序 uniapp 轮播图 swiper 自定义指示点 dot样式

效果图：html代码：css样式：.img-swipe{width:690rpx;height:320rpx;border-radius:16rpx;}.ad-imgs{width:100%;height:100%;border-radius:16rpx;}.ad-img{width:690rpx;height:320rpx;border-radius:16rpx;z-index:100;}.do
RosaChampagne·2020-09-16 11:00

android 仿IOS添加小组件的拖拽排序列表，使用SwipeRecyclerView

android仿IOS添加小组件的拖拽排序列表，使用SwipeRecyclerView前言干活找到合适的轮子添加依赖编写布局设置越界滚动初始化数据和点击事件创建侧滑菜单和点击菜单事件监听拖拽，更新UI监听触摸修改背景
YD-10-NG·2020-09-16 10:03

执行 npm install --save swiper/css/swiper.css 失败解决方案

最近Vue项目中用到的触摸滑动插件Swiper，执行npminstallswipervue-awesome-swiper--save安装Swiper后，在main.js中进行引入，importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
qwe122343·2020-09-16 10:16
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他