Swiper

小程序swiper左右滑动

data:{currentTab:0,isactive:true,scrollHeight:0,myReceive:[],size:10,pageEnd:false,state:'待确认'},//滑动切换swiperTab
岩崎理奈·2020-07-29 06:51

微信小程序阻止 swiper 滑动

===========================================================================代码段==========================================================================={{index+1}}.{{item.title}}{{item_child.options}
$李宇翔%·2020-07-29 05:32

swiper 间距轮播图 滑块

引入swiper文件jq不要忘记引入了document.getElementsByClassName('make_detail')[1].className+='this_mar';varmySwiper
訾曳·2020-07-29 05:30

微信小程序新坑 swiper监听被使用setData后会不停触发swiper的滑动事件

swiper对象在真机产生滑动事件一次滑动就无限地被触发的原因分析swiper切换的滑动原理swiper对象本身是通过h5触摸事件触发的swiper对象内部所封装的滑动事件处理函数，通过这个切换处理函数实现的
前端_小柒·2020-07-29 05:25

Nuxt报错：vue-awesome-swiper/dist/ssr，swiper/dist/css/swiper.css未找到

修改nuxt.config.js如下：plugins:[{src:'~/plugins/nuxt-swiper-plugin.js',ssr:false}],css:['swiper/css/swiper.css
www.qujialin.cn·2020-07-29 05:49

微信小程序修改指轮播图指示点样式

.swiper-box.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx;}.swiper-box.wx-swiper-dot{width
菜鸟也能逆袭·2020-07-29 05:02

【小程序】小程序swiper组件实现间距轮播

swiper组件实现不同效果间距轮播先不急着看实现过程，先看看三种效果图，如果是你想要的效果那请看下面的过程，不是的话也不浪费大家的时间（就是这么体贴唉）。
Y__Cheng·2020-07-29 05:25

小程序 swiper轮播页(点击事件)

Swiper轮播页组件属性indicator-dots:是否显示面板指示点(小点点)indicator-color:未选中指示点颜色Indicator-active-color:当前选中的标示点颜色autoplay
江苏小白龙·2020-07-29 05:46

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

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

小程序-swiper-item点击事件

index.wxmlindex.js/***页面的初始数据*/data:{dataList:[{id:1,img:"http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg"},{id:2,img:"http://img06.tooopen.com/images/20160818/tooopen_sy_17586643
熊猫飞·2020-07-29 05:34

Swiper使用方法和遇到的坑

Swiper官网Swiper一款开源免费的触摸滑动的H5插件***使用方法***`1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。
lizujun123·2020-07-29 05:49

小程序 swiper 前后边距的使用

小程序swiper其中提供了两个属性，previous-margin和next-margin；previous-margin：前边距，可用于露出前一项的一小部分，接受px和rpx值；next-margin
Frankeen·2020-07-29 05:24

在vue项目中使用swiper遇到的坑

在vue项目中使用swiper自动轮播时次轮点击效果会失效解决方案：在vue的data中的swiper配置项swiperOption:{}中监听onclick事件，代码如下：data(){return{
want、·2020-07-29 05:41

小程序Swiper滑动固定数量的item

在把项目改造成小程序的过程中，需要一个swiper每次能滑动7个item。
immocha·2020-07-29 05:30

2.1.3微信小程序滑块视图容器 swiper

swiper滑块视图容器。
Eric Z·2020-07-29 05:56

微信小程序之滑块视图容器(swiper)

看图：实现起来特别简单，看看代码是怎么写的呢：这就是布局了，看一下js里面代码：Page({data:{imgUrls:['http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg','http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jp
何东_hd·2020-07-29 05:13

小程序swiper轮播图，自定义样式，两种方法：原生方法和bindchange方法；将点点改为数字（当前第几张 /总共几张）;点击点点跳转当前图片

一、点点部分1.1.通过原生方法（1）wxml文件（2）wxss/*轮播图部分*/.swiperBar{width:690rpx;height:337rpx;margin:0auto;position:
hangGe0111·2020-07-29 05:40

vue使用swiper遇到的一些坑分享

swiper这是一个很强大的轮播展示工具，但往往也会有一些未知BUG，尤其是在手机端，由于性能局限，会导致效果和PC测试的时候有完全不一样的效果，今天就帮踩一下。
凡诃_·2020-07-29 05:50

vue 中使用swiper ，难免会遇到的坑（一）

先说一下近况，最近一直忙于项目的迭代，没有心情和思路去更新文章，翻了一下自己的过去文章，大概是一年前了，这些天忙的都是杂七八啦的事情，比如写作点击打开链接，好了，接下来转入正题，谈到vue大家一定不会陌生，swiper
weifont·2020-07-29 05:18

微信小程序入门实例——swiper

index.wxml/>index.jsvarbanners=[{id:1,img:'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',url:'',name:'告别午高峰'},{id:2,img:'http://img06.tooopen.com/images/20160818/tooopen_sy_175
Gorpeln·2020-07-29 05:08

Vue 和 Swiper （组件冲突/滑动不起效果）解决方案

一、冲突问题（解决方案：把swiper放到VUE钩子函数里面进行初始化。）
可乐加辣椒ヾ·2020-07-29 04:08

小程序选项卡以及swiper套用（跨页面）

首先，我是拿到了home.wxml的数组下标，通过url传参的方式去将这个数组id传到下一个页面，下一个页面接收以后再将id赋值给对应的tab或者currentId（swiper的下标）实现上一个页面进来以后直接进入对应的页面
Rechal_Mei·2020-07-29 04:22

在vue中使用swiper插件以及我遇到的坑

如何在vue中使用swiper参考官方文档：https://github.com/surmon-china/vue-awesome-swiper第一步npm下载swipernpminstallvue-awesome-swiper
RyleeLouth·2020-07-29 04:22

vue中引入swiper

第一步在对应控制台安装swipernpminstallswiper如果在你的package.json文件的dependencies下看到了swiper代表你已经安装成功了。
Molly_Gu·2020-07-29 04:34

vue项目导入swiper插件之dist路径坑

在项目中引入swiper插件时，发现项目中报错出现路径错误，又再一次报着不解的疑惑取node_modules找到swiper文件夹找找是否有dist文件夹。
我的名字豌豆·2020-07-29 04:42

小程序开发总结3：swiper滑块视图

1：知识点讲解为达到”快速，极简”开发理念，微信官方以swiper组件的方式提供滑动视图容器，开发中只需通过简单的配置参数，就能完成滑动的需求，其中基本的属性定义如下2：开发实战开发过程只需用到swiper
helaogui·2020-07-29 04:36

小程序tab切换列表页(基于mpvue)

tab切换列表效果：实现想法：头部tab使用div，fixed固定头部；下面内容使用的是swiper和swiper-item实现左右切换功能；接着在swiper-item中使用scroll-view实现列表的滚动
FarmanKKK·2020-07-29 03:51

移动端tab栏中嵌套轮播图

问题：最近写一个移动端的项目，其中一个页面是每个tab栏的内容区均为一个轮播图，用的是swiper实现的轮播图效果，但是写完之后发现，只有第一个tab栏对应的swiper是有效果的，切换后就无法实现轮播的效果
@xiaomajia·2020-07-29 00:17

经验总结-RecyclerView和SwipeRefreshLayout结合实现上拉和下拉刷新

最近赶工程项目，又用到了RecyclerView，而且结合SwipeRefreshLayout控件实现了下拉刷新。
xie_guo_rong·2020-07-29 00:42

vue2.0使用swiper组件实现轮播

1、安装swipernpminstallswiper@3.4.1--save-dev2、引用组件importSwiperfrom'swiper';import'swiper/dist/css/swiper.min.css
Tony3820·2020-07-29 00:31

react使用swiper轮播组件

首先引入，我这里使用是5.3.0npmiswiper@5.3.0--save然后在组件头部引入importSwiperfrom'swiper';import'swiper/css/swiper.css'
lin152·2020-07-28 23:30

微信小程序 自动左右滑动切换展示图片

1.在index.wxml中代码编写：Scroll-view：可滚动视图区域Swiper：图片轮播容器indicator-dots：boolean类型，是否显示面板指示点（默认false）autoplay
sam_hammington·2020-07-28 23:52

微信小程序轮播图swiper指示点自定义问题

在开发过程中遇到自定义指示点在轮播下面的问题自己写的自定义指示点绑定轮播图轮播图{{item.title}}大学生组{{val.name}}{{item.title}}大学生组{{v.name}}自定义指示点{{item.num}}都是绑定swiper
故事与九·2020-07-28 23:04

微信小程序实现轮播图

微信小程序轮播图要用到swiper组件，即滑块视图容器wxml代码wxss代码.content{display:flex;justify-content:center;}.imgStyle{width:
我不淑女girl·2020-07-28 22:27

Vue项目中轮播插件 vue-awesome-swiper 的安装与使用

安装在项目文件下npminstallvue-awesome-swiper--save注：如果需要安装其他版本，在vue-awesome-swiper后添加版本号，例如，安装swiper3：npminstallvue-awesome-swiper
WangYiXuan丶·2020-07-28 20:17

结业项目部分插件介绍

结业项目我用了很多插件框架就不介绍了，因为大家都会用swiper实现轮播的插件优点：Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。
姜!·2020-07-28 20:58

vue实现多图循环轮播

定义轮播组件exportdefault{name:'BaseSwiper',props:{speed:Number,direction:String,},data(){return{imgList:[require
依赖_赖·2020-07-28 20:36

前端插件swiper使用新手教程

1.引入swiper.min.js和swiper.min.css两个文件，文件百度网盘下载地址链接：https://pan.baidu.com/s/1KwIzPfe9hFpSiMr5GqAWxw提取码：
会飞的松鼠·2020-07-28 20:53

支持移动端和PC端的轻量级轮播图插件&&hammer.js教程

http://www.swiper.com.cn/下载：http://download.csdn.net/detail/cometwo/9407912原文地址：http://www.cnblogs.com
weixin_34351321·2020-07-28 19:56

h5仿钉钉实战|仿钉钉聊天|仿钉钉模板界面

html5仿钉钉聊天weDingTalk微钉|h5钉聊系统|仿钉钉界面基于web端h5+css3+Zepto+jquery+swiper+wcPop等技术开发的仿钉钉移动办公系统，仿钉钉聊天界面模板，实现了类似钉钉聊天界面
weixin_34015336·2020-07-28 18:26

在vue中使用swiper方法

swiper官网：https://www.swiper.com.cn/usage/index.html安装：npminstallswiper--save-dev/>.Slide1Slide2importSwiperfrom'swiper'import'swiper
vicky_yongqi·2020-07-28 15:05

项目中 JavaScript 框架 Swiper 中遇到的坑比问题

官方网址官网链接直达首先在项目首页H5中有使用到banner,自动滚动,如图所示image.png默认有4张图片,从后台取出数据之后,重新给这4张图片的src赋值.赋值之后,发现第一张和最后一张怎么都不出来,开始以为是地址问题好的,各种调试log,发现地址没问题或者获取的DOM节点有问题?各种console,还是问题是对象的类型有问题?试着用js原生对象juqery对象angularjseleme
灰太狼_zq·2020-07-28 12:23

移动端实现图片点击滑动预览，手势拖动，放大缩小功能

移动端页面想实现图片点击可以自由滑动，放大缩小功能如下图所示实现效果如下代码如下：1.首先要引入swiper插件的js,css2.HTML代码如下，先建立一个空的div层                         
编程爱好者之家·2020-07-28 12:46

Android--Google官方下拉刷新SwipeRefreshLayout（附加增加上拉加载）

Demo_SwipeRefreshLayout转载请注明地址：http://blog.csdn.net/skyunicorn/article/details/51802724下拉刷新是用系统的控件，但是这控件本身不带有上拉加载
小麟·2020-07-28 11:06

微信小程序wxss设置样式

主要是由八大类基础组件构成：一、视图容器(ViewContainer)：二、基础内容(BasicContent)组件名说明组件名说明view视图容器icon图标scroll-view可滚动视图容器text文字swiper
陈伟chenwei·2020-07-28 10:35

Android Studio 3.4.1 下拉刷新 SwipRefreshLayout

导入依赖implementation'androidx.swiperefreshlayout:swiperefreshlayout:latest.release'主布局文件SwipRefreshLayout
SchizophreniA6·2020-07-28 10:16

Android RecyclerView滑动删除及拖拽

一.使用的是别人封装好的SwipeRecyclerViewgithub链接二.推荐博客比较好的博客介绍该框架：https://www.jianshu.com/p/a0a31dab11ee三.需要准备的：
一个正在学习的javaer·2020-07-28 09:54

前端练习（一）- 仿泰豪官网

仿照泰豪网站首页，几乎一模一样，采用轮播图框架和封装好的动画js文件轮播图的使用Swiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件。
我就是要飞·2020-07-28 09:05

微信小程序动态切换城市,swiper显示不同,一张图到多张图可以, 多张图到一张图不可以

data={bannerData:[],//bannercurrent:0,indicatorDots:true,autoplay:true,interval:3000,duration:500,}banner播放的当前图片,由current控制,直接设置current="{{current}}",data里设置:current=0,此时切换城市,banner切换,切换时,当前banner播放的图
大秦白起·2020-07-28 08:22

使用swiper快速制作轮播图

来试试swiper吧~那么如何使用swiper呢？下面我们用某东的轮播图来做例子(别看我，我不是在打广告!!!∑(ﾟДﾟノ)ノ)我们先把某东轮播图的这几张图片存下来，放到images文件夹中。
小可可咳咳咳·2020-07-28 08:59
上一页 50 51 52 53 54 55 56 57 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他