Swiper

微信小程序--旋转木马/缩放轮播图效果

话不多说先上图.gif文章涉及技术点微信小程序原生Swiper控件WxssTransform、Transition轮播条滚动回调控制微信小程序条件渲染、列表渲染全部实现代码加起来也就三四十行，大部分还用来写
极乐叔·2020-08-14 03:11

微信小程序swiper实现滑动放大缩小效果

.swiper-block{height:480rpx;width:100%;}.swiper-item{display:flex;flex-direction:column;justify-content
qq_37902065·2020-08-14 03:14

小程序Swiper组件做日历（周历）左右滑动动态修改数据

使用Swiper做一个周日历功能，要求滑动swiper时，可以显示上一周/下一周的日期。
immocha·2020-08-14 03:43

学习 使用vue-qr 生成 二维码

/static/img/swiper.png'//二维码中间的图片,可以不设置
林鹿海鲸梦你·2020-08-13 22:21

tab切换，居中，今日头条点击可居中导航

tab切换，居中，今日头条点击可居中导航原创地址@http://bbs.swiper.com.cn/forum.php?
weixin_45162984·2020-08-13 22:51

android之官方下拉刷新组件SwipeRefreshLayout

现如今，google也忍不住推出了自己的下拉组件SwipeRefreshLayout，下面我们通过api文档和源码来分析学习如何使用SwipeRefreshLay
twobrushes·2020-08-13 19:02

实现苹果微信左滑效果H5实现 类似 swipe-cell

效果没有上传具体效果见苹果端微信消息左滑效果，swiper-cell*{margin:0;padding:0}.item{width:7.5rem;height:100px;position:relative
追根溯源·2020-08-13 15:59

vue-aweswiper-swiper

/swiper/css/swiper.min';引入组件：import{swiper,swiperSlide}from'vue-awesome-swiper';2、结构：{{i.name}}3、@import
咸鱼与梦想·2020-08-13 13:42

使用Swiper自定义轮播图

使用的控件是Swiper，分页器使用的是自定义的样式，导航按钮使用自定义的图标来实现。然后把分页器和导航按钮放在自定义的指定位置。
IT学霸·2020-08-12 17:59

vue-awesome-swiper爬坑

swiper官方文档介绍的挺清楚，官方地址：https://www.swiper.com.cn/但是，看起来是一回事，做起来就是另一回事情了，还有就是官方文档针对的是js，我们是vue里引用1、npmvue-awesome-swiper
还没想好1234·2020-08-12 17:18

flutter开发之常用配置（持续更新中。。。）

#UsewiththeCupertinoIconsclassforiOSstyleicons.cupertino_icons:^0.1.3dio:^2.0.7//网络请求flutter_swiper:^
blue双月鸟·2020-08-12 15:24

react-native 引入某些低三方库时出现的Command `run-android` unrecognized，命令不识别错误...

在使用第三方库时react-native-swiper，执行npminstallreact-native-swiper--save再次运行react-nativerun-android时直接报Commandrun-Androidunrecognized.MakesurethatyouhaverunnpminstallandthatyouareinsideaReact-nativeproject
weixin_30843605·2020-08-12 15:26

Command `run-android（ios）` unrecognized.

react-native,首先，我想要引入轮播图效果，然后找了一个react-native-swiper执行了以下语句npmuninstallreact-native-swiper–save/yarnaddreact-native-swiper
当富网络·2020-08-12 15:08

react-native构建基本页面2---轮播图+九宫格

配置首页的轮播图轮播图官网运行npmireact-native-swiper--save安装轮播图组件导入轮播图组件importSwiperfrom'react-native-swiper';其中，在Swiper
firebet·2020-08-12 15:00

react-native构建基本页面2---轮播图+九宫格

配置首页的轮播图轮播图官网运行npmireact-native-swiper--save安装轮播图组件导入轮播图组件importSwiperfrom'react-native-swiper';其中，在Swiper
firebet·2020-08-12 15:00

遇见SwipeRefreshLayout一点点问题，设置setRefreshing(true)没效果

使用SwipeRefreshLayout的时候，由于刚进入到那个界面的时候要刷新，所以我就想直接使用SwipeRefreshLayout中的设置setRefreshing(true);发现那个刷新动画根本没有出来
zhoudailiang·2020-08-12 14:28

swiper实现常规轮播效果

/*html代码*/slide1slide2/*分页效果*///js代码varmySwiper=newSwiper('.announcement-swiper',{loop:true,//循环轮播autoplay
@77·2020-08-12 12:14

vue+IOS9页面白屏

果然，有一个错误就是不能识别const，再查看详细内容，是引用的Swiper中的一个swiper.bundle.js导致的。处理方案下载离线Swiper，然后在inde
V1nc4nt丶·2020-08-11 23:42

vue中使用swiper设置loop循环播放时点击失效解决方案

解决方法我们可以不使用vue中的@：click进行操作，而是在swiper的回调函数中直接操作DOM，这样就可以很好的解决这一问题，实例如下：{{item.info}}exportdefault{data
sxs1995·2020-08-11 23:31

vue中引入加载失败-----解决方法

/assets/img/swiper/s1.jpg"),require("../../assets/img/swiper/s2.jpg"),requi
Ace.斗皇·2020-08-11 22:48

uni-app使用swiper切换页面每个滑块高度自适应

做音乐播放器小程序时，因为swiper的问题耽误不少时间，总结写目前遇到的问题1，swiper不给他设置高度有个默认高度，当轮播图使用正好，但是用来做切换每个页面时，每个页面的显示区域（高度）都变成了swiper
Hello Hongbin·2020-08-11 22:54

vue项目在ios10以下白屏

以下不支持es6,这里可以使用bablebabel-polyfill用法：2:转译之后发现还是白屏，这可能是由于第三方组件库引起的，bable没有转换第三方组件库这个时候就需要谨慎使用或者选择别的组件库了Swiper.js
小强_!·2020-08-11 20:51

Android仿QQ侧滑菜单

SwipeMenuLayoutextendsLinearLayout)，复写onTouchEvent来处理滑动事件，注意这里的滑动是View里面内容的滑动而不是View的滑动，View里内容的滑动主要是通过scrollTo、scrollBy来实现，然后自定义SwipeRecy
-小马快跑-·2020-08-11 18:03

swiper插件的使用记录

在使用swiper做轮播图的时候遇见了各种各种的失误和坑，在这里记录一下，以后会在遇见新的坑时继续填补文章内容。
Baby Lee·2020-08-11 17:57

HBuilder mui 手势事件

内置了常用的手势事件，目前支持的手势事件见如下列表：分类参数描述点击tap单击屏幕doubletap双击屏幕长按longtap长按屏幕hold按住屏幕release离开屏幕滑动swipeleft向左滑动swiperight
j20lin·2020-08-11 17:48

RecyclerView 自动滚动问题

RecyclerView中添加header与footer后每次打开此界面，界面会自动上移一定距离，滑动到其他条目，再跳转到其他界面再返回，仍然滑动，其原因是RecyclerView的条目自动获取焦点导致，所以需要在SwipeRefreshLayout
Ltp_zy·2020-08-11 16:33

小程序开发之组件swiper（滑块视图容器--轮播图）

swiperswiper滑块视图容器（轮播图）Github：https://github.com/tomsiebel/MGSwiper--MiniProgramGitee：https://gitee.com
钢丝球 M.Siebel·2020-08-11 16:23

微信小程序中封装wepy.request请求方法

wepy.request请求方法通常情况下,我们使用wepy开发微信小程序项目时,是这样请求数据的:home.js://引入小程序框架importwepyfrom'wepy'//获取轮播图数据exportconstgetSwiperData
Calla_Lj·2020-08-11 15:29

Android自定义IM聊天界面

大家如果需要的话直接移到自己的项目中就行,先展示一下实现的效果,然后再简单介绍一下怎么实现的:1.整体布局布局分三部分,聊天列表,输入框所在布局,底部表情和其他消息选择所在的布局1.1聊天列表:这里是SwipeRefreshLayout
hard_Rui·2020-08-11 12:38

GitHub 上整理的一些常见的插件库

实用的插件收集触屏滚动fullPageTouchSlideswiperowlgraphicsuperslide2iSliderzepto.fullpage视差滚动插件SUPERSCROLLORAMAjohnpolacek
oufu·2020-08-11 12:49

vue卡片化轮播图

1.安装swipernpminstallswiper2.在组件中引入swiperimport'swiper/dist/css/swiper.min.css'importSwiperfrom"swiper
weixin_30598225·2020-08-11 06:24

一起来看Ract(轮播)

个人简介模板上接下来我来为大家介绍轮播轮播大致上分为左右/上下轮播,以及淡入类和切换类甚至3D轮播,我们今天为大家介绍最基础的左右轮播轮播主要包括：图片、左右切换图片按钮、分页器、导航按钮、滚动条我们首先先在黑窗口/蓝窗口/....安装Swiper
weixin_34049032·2020-08-11 05:35

Web前端_配合swiper滑动插件实现同比例双指缩放图片

参考过的一篇文章：https://blog.csdn.net/gl0ry/article/details/56055414html实例代码:缩放的图片需要放在class为list的div里面图片缩放Xdocument.addEventListener("DOMContentLoaded",function(event){ImagesZoom.init({"elem":".list"});},fal
黑狗向前跑·2020-08-11 00:13

Android学习（一）第一行代码实战：酷欧天气

1.后台自动更新天气章节更新每日一图部分putString参数错误2.切换城市章节最后的那块代码应该是刷新布局swipeRefreshLayout.setRefreshing(true)3.APP重新选择新城市后再手动刷新
on_9·2020-08-10 22:54

微信小程序实现滑动tab切换和点击tab切换并显示相应的数据（附源代码）

正文：先上效果图：这里主要用到了swiper组件和三目运算，直接上代码，样式只有三个class，简单粗暴，懒的小伙伴们可以直接拿来用，喜欢的点个支持图文详情产品参数图文详情产品参数Page({data:
a_靖·2020-08-10 19:19

WebView && SwipeRefreshLayout 下拉刷新事件冲突解决

//swipe刷新回调接口刷新data操作.swipeRefreshLayout.setOnRefreshListener(newSwipeRefreshLayout.OnRefreshListener
that_boy88·2020-08-10 18:55

10-Flutter移动电商实战-使用FlutterSwiper制作轮播效果

10-Flutter移动电商实战-使用FlutterSwiper制作轮播效果1、引入flutter_swiper插件flutter最强大的siwiper,多种布局方式，无限轮播，Android和IOS双端适配
niceyoo·2020-08-10 18:14

01-Flutter移动电商实战-项目学习记录

Swiper:Sw
niceyoo·2020-08-10 18:14

实现全屏轮播，并且轮播div中的文字盒子一直自动垂直居中

效果如下：直接上代码了：说明：轮播图基于swiper.js，自行下载。
anda9128·2020-08-10 15:30

flutter电商实战-首页的实现

库拿到数据在pubspec.yaml文件里面引入:dependencies:flutter:sdk:fluttercupertino_icons:^0.1.2dio:^3.0.8#引入dio库flutter_swiper
你算哪块小饼干啊呀呀·2020-08-10 14:54

flutter实战项目01 基本资源和目录结构

一，资源引入插件包pubspec.yamldependencies:flutter:sdk:fluttercupertino_icons:^0.1.2dio:^2.0.7//异步请求flutter_swiper
·. .·'·.·2020-08-10 13:39

Vue中使用CDN的方式引入echarts、axios、Element UI、swiper

但是在我打包时发现总共没有几个页面可能由于有大量的图表，打包之后20M左右这样肯定是不行的，我就使用按需引入，但还是有17M左右最后我就想起来使用CDN引入了，，果然最终文件大小就27kbindex.html//elementUI的css文件//swiper
ygkyufcl·2020-08-10 12:36

在Vue中使用Swiper

vue-awesome-swiper插件使用教程：https://www.swiper.com.cn/usage/index.html插件安装：cnpminstallswipervue-awesome-swiper
柳时镇大尉·2020-08-10 11:51

微信小程序swiper制作内容高度不定的tab选项卡

微信小程序利用swiper制作内容高度不定的tab选项卡，不使用absolute定位，不定高度，由内容自由撑开主要思路是获取内容区的高度来给swiper动态设置值。.
siriva·2020-08-10 10:39

jqeury mobile swiperight swiperight 左右滑动使用方法和遇到的问题

今天在使用jqeurymobileswiperightswiperight左右滑动切换page页面时出现了问题，反应慢和被浏览器当成前进后退后来百度无果，换了bing.com才找到解决方案jQueryMobileSwipeswipe
上善若水邻·2020-08-10 10:03

RecyclerView下拉刷新和上拉加载更多实现

在这里下拉刷新使用的是官方提供的SwipeRefreshLayout，然后上拉加载更多的功能使用的是第三方库BaseRecyclerViewAdapterHelper实现。
那一夜_·2020-08-10 04:56

Swiper4.0：H5手机端滑屏判断当前页Index并且触发动画（slideChangeTransitionEnd与swiper.activeIndex）

API：https://www.swiper.com.cn/api/event/92.htmlvarmySwiper=newSwiper('.swiper-container',{direction:'
跳跳虎Rain·2020-08-10 03:00

小程序——改变轮播图圆点样式

/*其实，正常情况下，没必要加.wrap,多余，但由于.dot要绝对定位到swiper上，而swiper中不能包裹其他的元素（除了swiper-item)，所以只好加个.wrap用来约束.dot*/.wrap
桃之夭夭、·2020-08-10 03:56

微信小程序字幕滚动

{{item.title}}/**index.wxss**/.swiper_container{background-color:red;height:50rpx;width:80vw;}.swiper_item
桃之夭夭、·2020-08-10 03:56

RecyclerView的下拉刷新，头部，尾部

我们看一下效果图：SwipeRefreshLayout实现很简单，重点是滑动到底部自动加载应该如何实现，其实其实现的方式类似于ListView的实现方式。
qwaszx-520·2020-08-10 03:21
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他