swiper

微信小程序文本横向无缝滚动

但是我的需求中是一个上下无限滚动的列表，如果设置定时器性能耗费太大，因此只用css实现）样例图：我这里是列表轮播+商品名称字段左右滚动微信小程序轮播组件swiper有个坑：display-multiple-items
青松pine·2023-10-20 13:09

react native 轮播图组件(循环滚动卡片,垂直跑马灯效果)

react-native-ezswiper源码地址：https://github.com/easyui/react-native-ezswiper安装$npminstallreact-native-ezswiper
我不相信me·2023-10-20 11:14

vue轮播插件vue-awesome-swiper-来自于三人行慕课

原文链接：https://www.3mooc.com/front/articleinfo/160vue轮播插件vue-awesome-swiper-来自于三人行慕课1.npm安装插件npminstallvue-awesome-swiper-S2
三人行慕课·2023-10-20 10:49

小程序跑马灯

wxml{{item}}{{list[swiperIndex]}}wxss.marquee-swiper{height:100%;}.text-item{box-sizing:border-box;padding
7d8d3104a404·2023-10-19 16:37

SwipeRefreshLayout和TextView滑动冲突的暴力解决方法

SwipeRefreshLayout和TextView滑动冲突如果SwipeRefreshLayout中存在TextView，并且TextView被设置为可以上下滑动，那么在下滑TextView的时候会与
zakariyaa33·2023-10-19 15:10

mpvue-entry引入原生swiper组件不显示问题

swiper组件几乎成为典型小程序界面的必备组成组件之一。但是，我在试用中遇到一个典型问题，很多相关网页中都没有给出明确的注意事项总结。在此文中，我主要强调一个值得注意的问题。
默写_0c03·2023-10-19 04:06

uniapp - 完美解决 ＜swiper＞ 嵌套 video 视频时卡顿不流畅问题，swiper滑块视图容器里面包含视频播放器和图片共存时滑动切换特别卡，滑动不流畅问题的解决方案（保证解决此问题）

效果图在uniapp项目开发中，swiper组件内有多个视频、图片和视频混合时会出现滑动不流畅卡顿问题，并且视频自动轮播时没等看完视频就轮播走了。
街尾杂货店&·2023-10-19 00:41

利用swiper在vue中做轮播图，并改变轮播图的原有箭头、图片等内容

目标：利用swiper在vue中做轮播图，并改变轮播图的原有箭头、图片等内容。实现效果：1、点击左右箭头可切换图片。2、点击后图片出现最左侧样式效果，只有被点击的图片有此效果，不被点击恢复默认效果。
刚刚好ā·2023-10-19 00:11

template.js动态展示轮播图，轮播图不显示问题

首先，打开控制台发现，图片dom是生成了的，排除dom的缺失其次，换了一个插件Swiper，发现效果一样，排除插件的沦丧把动态数据换成假数据，发现没问题；那就只有从轮播图本身去寻找答案了最后发现，按道理轮播图的实例化是在
Hello攻城狮·2023-10-19 00:10

JQuery - template.js 完美解决动态展示轮播图，轮播图不显示问题

解决方案首先，打开控制台发现，图片dom是生成了的，排除dom的缺失其次，换了一个插件Swiper，发现效果一样，排除插件的沦丧把动态数据换成假数据，
街尾杂货店&·2023-10-19 00:00

一些vue功能和css样式

目录跳转传参分页element的Select选择器实现懒加载css文本内容超出显示省略号设置＜table＞表格固定列宽点击加载更多数据美化滚动条，可以直接复制粘贴swiper技巧：定义属性判断是否触发轮播图
小有名气bug发明家·2023-10-18 20:14

Compose 实战之为下拉刷新添加自定义指示器

在此之前，我们只能使用accompanist-swiperefresh来实现下拉刷新。然而，更坑的是，Compose对下拉刷新的支持是添加到mater
equation_l·2023-10-18 20:44

vue项目中使用vue-awesome-swiper趟坑之路

需求场景：在项目中vant满足不了一些比较好看的轮播需求，比如：vnat自带的swiper场景比较单一，就这样的展示形式：目前网上对于vue-awesome-swiper的使用方法各种坑，还被剩下的那几条头发嫌弃
撑起自己半边天·2023-10-18 17:57

Vue3使用Swiper6实现轮播

1.对应的Swiper版本是6.7.02.在需要使用的vue导入swiper组件//ImportSwiperVue.jscomponentsimport{Swiper,SwiperSlide}from'swiper
zhaokai621·2023-10-18 14:17

vue3项目打包部署服务器后swiper6控件不显示，模块样式丢失

问题描述：最近在用vue3部署自己的个人主页，其中用到了最新版的swiper6.7.0，在本地中打开是没有任何问题的，但是当我把项目打包部署到服务器后，发现swiper6控件不显示，两侧切换卡片的按钮（
爱唱歌的前端·2023-10-18 14:43

Vue-Swiper 实现竖向排列

1.安装依赖npminstallswipervue-awesome-swiper--save2.main引入依赖importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
冲浪选手CHARLIE·2023-10-18 13:36

vue3 中使用 swiper

官方这个不大好用因为有版本兼容问题：https://swiperjs.com/vue可以参考如下方式：主要是版本兼容问题即：[email protected]
jjw_zyfx·2023-10-18 13:04

vue + swiper 的正确使用姿势（附即插即用css、动态更新数据，使用建议）

vue+swiper的正确使用姿势（附即插即用css、动态更新数据，使用建议）一、演示效果二、吐槽三、使用建议四、正式使用1、指定安装swiper3版本2、详细代码（具体请看注释）一、演示效果先看看成果
iamlujingtao·2023-10-18 13:34

在vue3.0中使用swiper6

vue3.0中使用swiper6版本HTMLJS版本"swiper":"^6.7.0","vue":"^3.0.0",HTML如果想给两侧的翻页按钮定位到轮播的外面就把.swiper-container
仲冬廿三·2023-10-18 13:03

Swiper6+版本 在vue中的应用，竖向滚动

Swiper6+版本在vue中的应用，竖向滚动本文采用的Swiper6.7.0版本安装swipercnpminstallswiper@6.7.0-S注意：如果需要设置禁止鼠标拖动，但是每条slide需要点击是这个属性
Koreyoshi··2023-10-18 13:29

vue3使用swiper6.7.0写轮播图，按钮在轮播图外面

项目里以前使用的是swiper6.7，所以这次写这个轮播还用了6版本，没有升级。效果：{{item.weatherTime}}{{item.weather}}{{item.outTemp}}℃i
前端程序媛Ying·2023-10-18 13:56

Swiper在Vue2中的使用

以swiper3为例一、全局引入1.下载swiper3cnpminstallswiper@3vue-awesome-swiper@3--save-dev2.在main.js中引入Vue-Awesome-SwiperimportVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
iaz999·2023-10-18 10:38

会议OA小程序首页布局

目录一.Flex布局介绍1.1什么是Flex布局1.2基本概念1.3Flex属性二.会议OA首页轮播图的实现配置Mock工具swiper效果展示三.会议OA首页会议信息布局index.jsindex.wxmlindex.wxss
不念那年晚春·2023-10-18 09:39

利用swiper插件快速写轮播图

一、引入1、下载swiper插件：https://www.swiper.com.cn/；2、在dist里面把swiper.min.js和swiper.min.css分别放入文件夹中；3、在html中引入
圆滚滚大煤球·2023-10-18 00:24

React Native 项目常用第三方组件 很常用

react-navigationgithub:https://reactnavigation.org/docs/intro/路由组件react-native-carousel&&react-native-swiper
研发之道·2023-10-17 08:51

使用Swiper快速搭建轮播图

1.网址：https://www.swiper.com.cn/2.这里有演示效果（有pc端的和移动端的）image.png3.下载swiper里面需要的文件image.png4.这里选择以4.5.3为例
鈊謰鈊·2023-10-17 06:25

VUE的接口获取swiper轮播、安装使用less

1.VUE的接口获取swiper轮播：在public文件下创建一个data文件夹再创建imgJson.json文件：{"imglist":[{"imgurl":"https://img2.baidu.com
GGYY丶·2023-10-16 15:47

Vue swiper组件点击事件偶尔不响应的问题

项目需要，轮播图引入了vue-awesome-swiper这个组件，加入click事件，在获取数组元素进行跳转时候，遇到了奇怪的问题：有时候第一个或者最后一个元素在点击时候，点击事件失效了，没打印出任何信息
JaydenZhou1·2023-10-16 05:58

swiper轮播图实现zoom效果

效果图：安装swiper插件创建Swiper.vue组件exportdefault{name:"swiper",data(){return{ulStyle:{width:"750px",paddingLeft
嗯嗯_147e·2023-10-15 19:34

Vue面试真题4 -- 插槽、虚拟DOM、MVVM模式、keep-alive

模式、keep-alive1-插槽2-vue虚拟DOM3-vue的MVVM模式4-vue中的keep-aliveVue面试真题4–插槽、虚拟DOM、MVVM模式、keep-alive在Vue面试真题3–swiper
前端小白进阶之旅·2023-10-15 13:06

(三)Swiper touch触发条件设置

followFinger设置为false手指滑动和页面滑动不同步定义longSwipes:longSwipesMs短时间短距离和长时间长距离:shortSwipes和longSwipes触发所需最小拖动距离比例:longSwipersRadio
我拥抱着我的未来·2023-10-14 17:11

学习小程序开发一：基本的组件学习使用

常用的视图容器类组件三、view组件的基本使用1、list.wxml代码实现2、list.wxss代码实现四、scroll-view组件的基本使用实现步骤：1、list.wxml代码实现2、list.wxss代码实现五、swiper
Make It Possible.·2023-10-14 16:40

swiper之平面滑动，第二张图片在中间

body{background:#FFFFFF;}.swiper-container{width:100%;height:1.6rem;margin-top:.21rem;}.swiper-wrapperli
Aiences·2023-10-14 14:01

swiper滑动之3D 初始滑块索引为第二个

.doc-example{margin-top:.21rem;}$('#mySwiper').swiper({pagination:'#mySwiper.swiper-pagination',effect
Aiences·2023-10-14 14:00

微信小程序Swiper+wx.request 数据绑定刷新

.wxml//界面加载回调.jsonLoad:function(){varthat=thiswx.request({url:requestUrl,//仅为示例，并非真实的接口地址method:'POST',data:{},header:{'content-type':'application/json'},success:function(res){vardataSource=res.datath
张少飞·2023-10-14 13:54

原生 JS 如何实现上拉加载下拉刷新?

在原生应用中，实现上拉加载和下拉刷新可以通过以下几个步骤：1.引入相关库或框架：你可以使用一些开源库或框架，如SwipeRefreshLayout、RecyclerView等，它们提供了方便的功能来实现下拉刷新和上拉加载
No DeBug·2023-10-13 14:33

vue中使用Swiper

一、安装依赖npmiswiper二、项目中使用import{swiper,swiperSlide}from"vue-awesome-swiper";import"swiper/css/swiper.css
slom_fxt·2023-10-13 08:42

微信小程序缩放图片与滑动图片：movable-view与swiper一起使用所产生的手势冲突的基本解决方案（操作过于频繁还是会出现问题，基本的使用是没有问题的）

1.一些参数和需要用到的方法js代码注释都有了，只要复制过去看就好了2.怎么解决这个手势冲突呢，我采用的是mina-touch插件，去监听这两种手势，当双指在的时候，长按事件就不触发，滑动的时候长按事件也要阻止，因为在不停的滑动的时候，也会长按，大概就是这么一个思路。3.有疑问的同学欢迎留言，看到后回复4.ps:关于百度小程序的我也写过了，双指和滑动事件冲突掉了，然后去询问百度官方的也暂时没有解决
曦和百里·2023-10-13 02:20

微信小程序用swiper 和 movable-view实现wx.previewImage功能

注：7.13号写的残缺版，7.14号写出来了完整版来了，最终代码贴文章最下边了相对于13号代码只改了html和js，和一个app.js中的节流方法。------------------------------------------------------------------------------------------------------------------------------
醉里挑灯寻梦回·2023-10-13 02:46

uniapp实现视频上下滑动功能（小程序）以及video组件的暂停和播放

uni推荐使用swiper组件实现，在video组件的下面介绍有写。
^O^ ^O^·2023-10-12 21:57

Swiper的使用流程

1.官网查看演示Swiper演示-Swiper中文网2.找到想使用的比如想使用卡片切换(255)记住这个名字3.去下载示例下载Swiper-Swiper中文网4.找到对应文件5.根据里面引入的东西加到自己的页面一定要引入
白云~️·2023-10-12 11:58

swiper动态渲染视图，解决答题问题

最近做项目碰到这样一个需求，当当前题目没答的时候，不能进入下一题，而我用的组件是swiper，swiper没有类似阻止滑动的属性，于是只能自己想了.......问题的解决思路就是动态渲染题目，并且过滤掉第一道题
点点关注不迷路·2023-10-11 16:16

小程序首页示例代码

进出口有限公司企业行业贸易类企业类型有限责任公司纳税类型小规模纳税人注册资本100-500万所在地区青秀区js//index.js//获取应用实例constapp=getApp()Page({data:{swiperList
点点关注不迷路·2023-10-11 16:15

html jquery vue php 混合使用

{extendname="base"/}{blockname="main"}.product-button-prev.swiper-button-prev::after,.product-button-next.swiper-button-next
WhitEKinGdom08·2023-10-11 12:32

Android中的NestedScrollingParent和NestedScrollingChild分析

在分析SwipeRefreshLayout源码的时候发现该类实现了NestedScrollingParent和NestedScrollingChild两个接口,甚是好奇,于是结合了网上的资料,然后根据我个人的理解写下本章
樱天寻·2023-10-10 09:56

小程序实现tab+swiper联动完整代码

实现思路1.利用swiper的bindchange方法，匹配tab下标，从而对应tab下的swiper-item内容2.获取每个tab的left值，及下划线元素的数据wxml部分：{{item}}1111111222222333js
人间捡故事·2023-10-09 20:45

SwipeRefreshLayout 下拉刷新

1.SwipeRefreshLayout是Androidx提供的下拉刷新的库，需要在代码中引入该库，才能使用。
niuyongzhi·2023-10-09 17:35

uniapp：swiper-demo效果

单元格轮播1000USDT首卡铸造.swiper1{height:850rpx;margin:50rpxauto100rpx;.swiper-item{width:342rpx;height:524rpx
sunly_·2023-10-09 16:59

vue2踩坑之项目：Swiper轮播图使用

首先安装swiper插件npmiswiper@5安装出现错误：npmERRnpmERR!codeERESOLVEnpmERR!ERESOLVEcouldnotresolvenpmERR!npmERR!
意初·2023-10-09 15:32

前端uniapp生成海报并保存相册

uiapp插件目录图片qrcode.vue源码完整版封装源码qrcodeSwiper.vue最后图片qrcode.vue源码完整版-->我的邀请码{{inviteCode}}长按识别二维码加入中闽天品我的邀请码
MFG_666·2023-10-09 14:30
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他