Swiper

vue中使用swiper的方法以及动态加载图片不滑动的问题

话不多说，先贴出vue中使用swiper的方法1-终端安装包npminstallswiper2-引入包importSwiperfrom"swiper"3-html部分的代码4-js部分的代码importSwiperfrom"swiper
Amelia Pond·2020-08-08 20:29

小程序列表标题吸顶

第一层标题第一层标题{{index+1}}第一层简介列表/**index.wxss**//*轮播视图*/.swiper{height:400rpx;width:100%;}/*图片*/.swiperimage
菜鸟老五·2020-08-08 19:47

android 支持上拉加载，下拉刷新的列表控件SwipeRefreshLayout的二次封装

上拉加载，下拉刷新的列表控件，大家一定都封装过，或者使用过源代码，我会在最后贴出来这篇代码主要是为了解决两个问题1.滑动冲突得问题2.listview无数据时，无数据布局的展示问题下方列出的代码，主要就是为了解决listview与父布局之间的滑动冲突mListView.setOnScrollListener(newAbsListView.OnScrollListener(){privatebool
天空好像下雨·2020-08-08 18:08

Vue 项目里戳中你痛点的问题及解决办法

本地开发环境请求服务器接口跨域的问题API接口的统一管理UI库的按需加载定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClic
indd·2020-08-08 18:29

WebView加下拉刷新的时候，如果WebView内部有上下滑动的列表，会与下拉刷新的滑动冲突

网上查了很多解决办法，有重写WebView的，有重写SwipeRefreshLayout的（我这里使用的下拉刷新控件是SwipeRefreshLayout），有比较简单的，有比较复杂的，但是试过好多以后发现都没有作用
生活处处是单例·2020-08-08 17:03

修改小程序swiper小圆点的默认样式(内含只有一条数据时不显示小圆点)

true : false}}"> {{item}}修改小圆点默认样式/*设置小圆点的层级,可以调整小点的位置*/.swiper.wx-swiper-dots.wx-swiper-dots-horizontal
人间至味是清欢·2020-08-08 17:35

swiperefreshLayout和webview滚动冲突（X5WebView）

1、问题swiperefreshLayout，webview（或者X5WebView）嵌套使用，下滚没问题手势在webview，上滚手势被swiperefreshLayout取走执行刷新动作不是想要的。
大于弱智·2020-08-08 17:54

去哪儿网首页分析 Home.vue

Home.vue要在router——>index.js中引入2）首页的各个部分放在组件components中，每写一个组件都要在Home.vue中引入并使用3）首页写了6个组件，分别是Header头部、Swiper
Aube0313·2020-08-08 15:32

奇怪的uniapp2

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

微信小程序 : 幻灯swiper

参数面板指示点:indicator-dots布尔值指示点颜色:indicator-colorColor当前指示点颜色:indicator-active-colorColor自动切换:autoplay布尔切换时间:interval数值动画时长:duration数值衔接滑动:circular布尔纵向滑动:vertical布尔当前图片:current索引当前图片:current-item-idID值
宗博·2020-08-08 14:52

Swiper

1.wxmlswiper组件指示点自动播放幻灯片切换时长（ms）{{duration}}自动播放间隔时长（ms）{{interval}}2.jsPage({data:{background:['.red
angyi6424·2020-08-08 14:08

Tab切换Swiper轮播图

Swiper对于各位前端的朋友实在是福音，不仅开源，最关键但是好用。Swiper地址：http://www.swiper.com.cn/最近因为项目上的需求，需要切换两个轮播图。
Bright2017·2020-08-08 12:27

小程序的优化代码的分析Promise方法

代码优化，这里通过了wx.request请求轮播图的API，通过result结果里面的data数据我们可以看到massage里面装着我们的数据通过图片可以用看到swiperList返回的三个元素的数据，
安全舟·2020-08-08 05:00

解决AppBarLayout 与SwipeRefreshLayout RecyclerView 上拉加载更多导致的延迟

importandroid.content.Context;importandroid.support.design.widget.AppBarLayout;importandroid.support.design.widget.CoordinatorLayout;importandroid.support.v4.view.ViewCompat;importandroid.util.Attribu
吃兔子的大青菜·2020-08-07 22:42

swiper实现轮播左右三个图片 大图组中左右出现小角

photomain{width:750px;margin:0auto;overflow:hidden;}/*img{width:610px;}*/.swiper-container{margin-top
小小笔记本·2020-08-07 21:55

关于手动原生设置swiper循环滚动

很多前端小伙伴在工作中都用过swiperJs这个插件，相信在使用的过程中都遇到过各种各样的奇葩问题，大部分问题都是可以在swiper官方文档中查找到的，包括使用方法以及里面包含的各种方法、配置、组件等。
前端小白jason_li·2020-08-07 21:16

Vue中Swiper循环轮播的设置

简单描述swiper轮播图，轮播完默认显示最后一张问题，做到重复轮播看效果配置1、配置：loop:truedata(){return{swiperList:[],swiperOption:{autoplay
songywaa·2020-08-07 21:24

taro 自定义 轮播图组件

1.代码components/MySwiper/index.js/***轮播图组件*/importTaro,{Component}from'@tarojs/taro';import{Swiper,SwiperItem
weixin_34184158·2020-08-07 20:37

swiper轮播图（逆向自动切换类似于无限循环）

swiper插件轮播图，默认的轮播循序是会从右向左，第一张，第二张，第三张，然后肉眼可见是的从第三张从左到右倒回第一张，这样就会有些视觉体验不高，，不过还是能够用swiper本身的特性更改成无限循环的轮播的
weixin_34072458·2020-08-07 20:20

利用JavaScript jQuery实现图片无限循环轮播(不借助于轮播插件)-----转载

做轮播并不难，市场上的轮播插件有很多，其中比较著名的是swiper，使用也非常简单。但轮播插件这种东西总归是不灵活的，一些简单的场景还可以应付，比较复杂一点的场景处理起来就比较麻烦了。
weixin_33800463·2020-08-07 20:05

swiper在一个页面多个轮播图

varswiper=newSwiper('.swiper-container1',{spaceBetween:30,centeredSlides:true,autoplay:{delay:2500,disableOnInteraction
weixin_33794672·2020-08-07 20:33

一个页面多个swiper问题解决

关于一个页面中多处使用swiper而引起的翻页问题最近公司项目做了一个双12活动，活动页面中存在18个轮播！！！
weixin_30809173·2020-08-07 20:51

利用jQuery实现图片无限循环轮播(不借助于轮播插件)

原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能，而这次是用jQuery来实现图片无限循环轮播！
weixin_30287169·2020-08-07 19:11

2020年6月7日日记

1.VScode报错：ERRORFailedtocompilewith2errors10:40:15├F10:AM┤Thesedependencieswerenotfound:*swiper/css/swiper.cssin
婷婷T·2020-08-07 17:42

解决Swiper4(缩略图控制 / 无限循环)缩略图小于4张出错解决方法

#这段代码和官方案例有3处修改，Swiper4版本#1、做了页面上是否有“swiper-container”的判断，目的防止页面上没有类名出现js报错。
好名字打不过备注·2020-08-07 17:10

【react 使用swiper插件写轮播图】：完整代码无bug+ 样式.less

【效果实例】【treasure.js】首先：npminstallswiper--save我写的死数据，如果你要自己加图片或者有数据，就在swiper-wrapper的子项map方法循环就好了。。
BBbila·2020-08-07 17:10

简单的实现WaveSwipeRefreshLayout的下拉刷新（嵌套RecyclerView）

+'compile'com.github.recruit-lifestyle:WaveSwipeRefreshLayout:1.6'//添加网络权限//布局main//代码合集importandro
抽离i·2020-08-07 17:55

简单实现WaveSwipeRefreshLayout+RecyclerView的上拉加载下拉刷新的功能

//在使用WaveSwipeRefreshLayout之前得添加依赖repositories{maven{url"https://jitpack.io"}}compile'com.github.recruit-lifestyle
抽离i·2020-08-07 17:55

解决vue中使用swiper无法自动循环播放问题

vue中使用swiper无法自动循环播放首先，使用mockjs生成模拟数据，如下（1）安装swipernpminstallswiper(2)引入swiperimportSwiperfrom'swiper'import'swiper
Tauruslog·2020-08-07 17:14

swiper自动轮播可滑动

Slide4varswiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination',nextButton:'.swiper-button-next
北海军·2020-08-07 17:36

swiper遇到的坑

1.一个页面引用多个swiper插件，出现混乱问题；解决方法：1.实例化swiper时加上其父元素加以区分2.Swiper加上ID或Class区分，要保留默认的类名swiper-container如下：
秋英之空·2020-08-07 17:34

微信小程序开发之『顶部导航』特效

之前Android开发时，顶部导航用到viewPage,微信小程序里想要达到同样的效果，可用swiper来实现；先看效果图上代码：1.swiperTab.jsPage({data:{//tab切换currentTab
BlochCoding·2020-08-07 16:07

vue-awesome-swiper使用自动轮播和循环轮播不生效

vue-awesome-swiper使用自动轮播和循环轮播不生效(loop和autoplay)在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候
liuyan55·2020-08-07 15:18

SwipeRefreshLayout在onCreate使用setRefreshing(true)无效

今天把项目中的下拉刷新改为android官方SwipeRefreshLayout，在onCreate中调用setRefreshing(true)竟然没有小圆圈出现，让我很奇怪，于是决定看看setRefreshing
li591864099·2020-08-07 14:24

swiper4多张缩微图轮播

$(function(e){$('#thumb-imgulli').click(function(){$('#bigimgulli').html($(this).html());})varswiper=
Nobita Chen·2020-08-07 13:10

swiper不能显示的问题

第一次记录踩的坑，防不胜防swiper中轮番播放三个色块，父容器的class为"container"时不能显示出来，现象为白屏，当把container改为其它即可，container应该为swiper的保留字符
bigboy1010·2020-08-07 12:26

如何在一个页面用多个swiper插件

Slide1Slide2Slide3Slide4                Slide5        Slide1    Slide2    Slide3    Slide4    Slide5js代码：varswiper
杜杜丶Du·2020-08-07 12:02

同一页面多个swiper出现错乱问题

第一次使用swiper出现的各种奇葩问题，搞得头疼1.同一页面存在多个swiper时，不能以通用的id或者class为定位标准，容易出现同时找到多个对象的问题，需要确保id和class的唯一性2.动态创建
我是流氓我不臭·2020-08-07 11:20

透明度变化的轮播图

CSS部分3.JavaScript部分一、简单介绍轮播图是前端学习中常用的案例，通过各式各样的轮播图我们可以对JS的基础知识进行实践下面是我在学习中所写的透明度轮播图实际中获取更多炫酷效果的轮播图可以访问Swiper
Kepler_X·2020-08-07 11:17

多组图自动无限循环（swiper轮播）

前两天的一个项目中遇到多组图片无限轮播，当时采用了swiper但是没有解决让它无限轮播。今天再次尝试了一下发现是自己的样式写错了。
weixin_30755393·2020-08-07 10:26

This dependency was not found: * swiper/dist/css/swiper.css

出现问题：Thisdependencywasnotfound:swiper/dist/css/swiper.cssin.
百變Confucius·2020-08-07 07:59

常用网页交互效果插件

1.swiper.js（最常见的轮播插件）Swiper是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主
蓝格子.·2020-08-06 11:49

轮播图 -- view, swiper

效果图制作步骤：一、创建一个page二、编写demo.wxml写界面元素src里面都是图片的链接，在百度随便搜的。autoplay设置自动轮播为true，interval设置轮播间隔为3秒，indocator-dots为true表示显示下面的小点，indicator-color为white表示底色为白色，indicator-active-color为red表示轮播时的颜色为红色，duration为
o云淡风轻o·2020-08-06 11:00

微信小程序之禁止手动滑动切换swiper-item

第一步：wxml中，在swiper-item组件标签中绑定事件：catchtouchmove=“stopTouchMove”第二步：js中，添加stopTouchMove(){returnfalse;}
小轩一直在路上·2020-08-05 22:44

swiper.min.js插件

swiper.min.js插件实现多种滑动效果，可在pc、手机、平板中使用。
shengmeshi·2020-08-05 22:25

Android Support 迁移到 Androidx 的时候遇到的一个很奇葩的问题

今天遇到的，比如我在用SwipeRefreshLayout这个控件，在使用androidstudio的自动迁移到Androidx功能之后，java代码上面没有看出什么问题makeproject也没问题run
liushenliu·2020-08-05 21:57

小程序 swiper仿tab切换----动态绑定事件+获取wxml节点+在wxs里修改节点样式

视频总会偏移，令人烦恼，望大神告知~）二、用到的知识点枚举scroll-view，详情请戳此：https://blog.csdn.net/mChales_Liu/article/details/99859680swiper
mChales...·2020-08-05 19:47

vue-awesome-swiper

github文档：https://github.com/surmon-china/vue-awesome-swiper使用：安装：npminstallvue-awesome-swiper--save单页面应用
fanlinqiang·2020-08-05 18:49

vue使用ajax获取数据

/components/Header'importHomeSwiperfrom'./components/Swiper'importHomeIconsfrom'.
Seven_drunk·2020-08-05 18:19

微信小程序 组件

覆盖在原生组件之上的图片视图视图组件:view属性hover-class，hover-start-time,hove-stay-time,hover-stop-propagation=‘{{true}}’是否阻止冒泡swiper
轻度重症·2020-08-05 17:50
上一页 45 46 47 48 49 50 51 52 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他