E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
swiper
微信小程序文本横向无缝滚动
但是我的需求中是一个上下无限滚动的列表,如果设置定时器性能耗费太大,因此只用css实现)样例图:我这里是列表轮播+商品名称字段左右滚动微信小程序轮播组件
swiper
有个坑:display-multiple-items
青松pine
·
2023-10-20 13:09
微信小程序
小程序
react native 轮播图组件(循环滚动卡片,垂直跑马灯效果)
react-native-ez
swiper
源码地址:https://github.com/easyui/react-native-ez
swiper
安装$npminstallreact-native-ez
swiper
我不相信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[
swiper
Index]}}wxss.marquee-
swiper
{height:100%;}.text-item{box-sizing:border-box;padding
7d8d3104a404
·
2023-10-19 16:37
SwipeR
efreshLayout和TextView滑动冲突的暴力解决方法
SwipeR
efreshLayout和TextView滑动冲突如果
SwipeR
efreshLayout中存在TextView,并且TextView被设置为可以上下滑动,那么在下滑TextView的时候会与
zakariyaa33
·
2023-10-19 15:10
kotlin
mpvue-entry引入原生
swiper
组件不显示问题
swiper
组件几乎成为典型小程序界面的必备组成组件之一。但是,我在试用中遇到一个典型问题,很多相关网页中都没有给出明确的注意事项总结。在此文中,我主要强调一个值得注意的问题。
默写_0c03
·
2023-10-19 04:06
uniapp - 完美解决 <
swiper
> 嵌套 video 视频时卡顿不流畅问题,
swiper
滑块视图容器里面包含视频播放器和图片共存时滑动切换特别卡,滑动不流畅问题的解决方案(保证解决此问题)
效果图在uniapp项目开发中,
swiper
组件内有多个视频、图片和视频混合时会出现滑动不流畅卡顿问题,并且视频自动轮播时没等看完视频就轮播走了。
街尾杂货店&
·
2023-10-19 00:41
前端常见功能与组件
uniapp
swiper滑块视图容器组件
swiper嵌入视频卡顿
swiper轮播图片和视频卡
swipe组件不流畅太卡怎么办
uni官方解决swiper卡顿
如何解决swiper轮播视频卡
利用
swiper
在vue中做轮播图,并改变轮播图的原有箭头、图片等内容
目标:利用
swiper
在vue中做轮播图,并改变轮播图的原有箭头、图片等内容。实现效果:1、点击左右箭头可切换图片。2、点击后图片出现最左侧样式效果,只有被点击的图片有此效果,不被点击恢复默认效果。
刚刚好ā
·
2023-10-19 00:11
样式
vue.js
前端
javascript
jquery
vue
template.js动态展示轮播图,轮播图不显示问题
首先,打开控制台发现,图片dom是生成了的,排除dom的缺失其次,换了一个插件
Swiper
,发现效果一样,排除插件的沦丧把动态数据换成假数据,发现没问题;那就只有从轮播图本身去寻找答案了最后发现,按道理轮播图的实例化是在
Hello攻城狮
·
2023-10-19 00:10
前端
javascript
前端
bootstrap
JQuery - template.js 完美解决动态展示轮播图,轮播图不显示问题
解决方案首先,打开控制台发现,图片dom是生成了的,排除dom的缺失其次,换了一个插件
Swiper
,发现效果一样,排除插件的沦丧把动态数据换成假数据,
街尾杂货店&
·
2023-10-19 00:00
前端常见问题解决
javascript
jquery
前端
一些vue功能和css样式
目录跳转传参分页element的Select选择器实现懒加载css文本内容超出显示省略号设置<table>表格固定列宽点击加载更多数据美化滚动条,可以直接复制粘贴
swiper
技巧:定义属性判断是否触发轮播图
小有名气bug发明家
·
2023-10-18 20:14
vue.js
前端
Compose 实战之为下拉刷新添加自定义指示器
在此之前,我们只能使用accompanist-
swiper
efresh来实现下拉刷新。然而,更坑的是,Compose对下拉刷新的支持是添加到mater
equation_l
·
2023-10-18 20:44
android
kotlin
java
vue项目中使用vue-awesome-
swiper
趟坑之路
需求场景:在项目中vant满足不了一些比较好看的轮播需求,比如:vnat自带的
swiper
场景比较单一,就这样的展示形式:目前网上对于vue-awesome-
swiper
的使用方法各种坑,还被剩下的那几条头发嫌弃
撑起自己半边天
·
2023-10-18 17:57
swiper
vue.js
前端
javascript
swiper
Vue3使用
Swiper
6实现轮播
1.对应的
Swiper
版本是6.7.02.在需要使用的vue导入
swiper
组件//Import
Swiper
Vue.jscomponentsimport{
Swiper
,
Swiper
Slide}from'
swiper
zhaokai621
·
2023-10-18 14:17
Vue
vue.js
javascript
前端
vue3项目打包部署服务器后
swiper
6控件不显示,模块样式丢失
问题描述:最近在用vue3部署自己的个人主页,其中用到了最新版的
swiper
6.7.0,在本地中打开是没有任何问题的,但是当我把项目打包部署到服务器后,发现
swiper
6控件不显示,两侧切换卡片的按钮(
爱唱歌的前端
·
2023-10-18 14:43
Vue框架
swiper6采坑
vue3
swiper6
Vue-
Swiper
实现竖向排列
1.安装依赖npminstall
swiper
vue-awesome-
swiper
--save2.main引入依赖importVueAwesome
Swiper
from'vue-awesome-
swiper
'import'
swiper
冲浪选手CHARLIE
·
2023-10-18 13:36
vue
node.js
vue3 中使用
swiper
官方这个不大好用因为有版本兼容问题:https://
swiper
js.com/vue可以参考如下方式:主要是版本兼容问题即:
[email protected]
jjw_zyfx
·
2023-10-18 13:04
前端
vue
swiper
vue +
swiper
的正确使用姿势(附即插即用css、动态更新数据,使用建议)
vue+
swiper
的正确使用姿势(附即插即用css、动态更新数据,使用建议)一、演示效果二、吐槽三、使用建议四、正式使用1、指定安装
swiper
3版本2、详细代码(具体请看注释)一、演示效果先看看成果
iamlujingtao
·
2023-10-18 13:34
#
Vue
vue
swiper
在vue3.0中使用
swiper
6
vue3.0中使用
swiper
6版本HTMLJS版本"
swiper
":"^6.7.0","vue":"^3.0.0",HTML如果想给两侧的翻页按钮定位到轮播的外面就把.
swiper
-container
仲冬廿三
·
2023-10-18 13:03
vue
vue
Swiper
6+版本 在vue中的应用,竖向滚动
Swiper
6+版本在vue中的应用,竖向滚动本文采用的
Swiper
6.7.0版本安装
swiper
cnpminstall
swiper
@6.7.0-S注意:如果需要设置禁止鼠标拖动,但是每条slide需要点击是这个属性
Koreyoshi·
·
2023-10-18 13:29
swiper
js
vue
前端
vue3使用
swiper
6.7.0写轮播图,按钮在轮播图外面
项目里以前使用的是
swiper
6.7,所以这次写这个轮播还用了6版本,没有升级。效果:{{item.weatherTime}}{{item.weather}}{{item.outTemp}}℃i
前端程序媛Ying
·
2023-10-18 13:56
web前端
vue
javascript
前端
vue.js
Swiper
在Vue2中的使用
以
swiper
3为例一、全局引入1.下载
swiper
3cnpminstall
swiper
@3vue-awesome-
swiper
@3--save-dev2.在main.js中引入Vue-Awesome-
Swiper
importVueAwesome
Swiper
from'vue-awesome-
swiper
'import'
swiper
iaz999
·
2023-10-18 10:38
开发
vue.js
github
前端
会议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
React-native实战
native
reactnativ
使用
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
#
vue面试真题
vue学习记录
1024程序员节
javascript
vue.js
前端
面试
(三)
Swiper
touch触发条件设置
followFinger设置为false手指滑动和页面滑动不同步定义longSwipes:longSwipesMs短时间短距离和长时间长距离:shortSwipes和longSwipes触发所需最小拖动距离比例:long
Swiper
sRadio
我拥抱着我的未来
·
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插件实用
移动端开发
swiper滑动
在图片上写字
jquery
css
swiper
滑动之3D 初始滑块索引为第二个
.doc-example{margin-top:.21rem;}$('#my
Swiper
').
swiper
({pagination:'#my
Swiper
.
swiper
-pagination',effect
Aiences
·
2023-10-14 14:00
移动端开发
swiper插件实用
索引
3d
swipe
滑动
微信小程序
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.引入相关库或框架:你可以使用一些开源库或框架,如
SwipeR
efreshLayout、RecyclerView等,它们提供了方便的功能来实现下拉刷新和上拉加载
No DeBug
·
2023-10-13 14:33
JS
javascript
vue中使用
Swiper
一、安装依赖npmi
swiper
二、项目中使用import{
swiper
,
swiper
Slide}from"vue-awesome-
swiper
";import"
swiper
/css/
swiper
.css
slom_fxt
·
2023-10-13 08:42
vue.js
前端
javascript
微信小程序缩放图片与滑动图片:movable-view与
swiper
一起使用所产生的手势冲突的基本解决方案(操作过于频繁还是会出现问题,基本的使用是没有问题的)
1.一些参数和需要用到的方法js代码注释都有了,只要复制过去看就好了2.怎么解决这个手势冲突呢,我采用的是mina-touch插件,去监听这两种手势,当双指在的时候,长按事件就不触发,滑动的时候长按事件也要阻止,因为在不停的滑动的时候,也会长按,大概就是这么一个思路。3.有疑问的同学欢迎留言,看到后回复4.ps:关于百度小程序的我也写过了,双指和滑动事件冲突掉了,然后去询问百度官方的也暂时没有解决
曦和百里
·
2023-10-13 02:20
微信小程序
javascript
前端
微信小程序用
swiper
和 movable-view实现wx.previewImage功能
注:7.13号写的残缺版,7.14号写出来了完整版来了,最终代码贴文章最下边了相对于13号代码只改了html和js,和一个app.js中的节流方法。------------------------------------------------------------------------------------------------------------------------------
醉里挑灯寻梦回
·
2023-10-13 02:46
前端
javascript
微信小程序
uniapp实现视频上下滑动功能(小程序)以及video组件的暂停和播放
uni推荐使用
swiper
组件实现,在video组件的下面介绍有写。
^O^ ^O^
·
2023-10-12 21:57
javascript
html5
html
Swiper
的使用流程
1.官网查看演示
Swiper
演示-
Swiper
中文网2.找到想使用的比如想使用卡片切换(255)记住这个名字3.去下载示例下载
Swiper
-
Swiper
中文网4.找到对应文件5.根据里面引入的东西加到自己的页面一定要引入
白云~️
·
2023-10-12 11:58
前端
javascript
开发语言
swiper
动态渲染视图,解决答题问题
最近做项目碰到这样一个需求,当当前题目没答的时候,不能进入下一题,而我用的组件是
swiper
,
swiper
没有类似阻止滑动的属性,于是只能自己想了.......问题的解决思路就是动态渲染题目,并且过滤掉第一道题
点点关注不迷路
·
2023-10-11 16:16
小程序
vue
前端
uni-app
vue.js
javascript
小程序首页示例代码
进出口有限公司企业行业贸易类企业类型有限责任公司纳税类型小规模纳税人注册资本100-500万所在地区青秀区js//index.js//获取应用实例constapp=getApp()Page({data:{
swiper
List
点点关注不迷路
·
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
php
全栈
html
jquery
vue.js
php
Android中的NestedScrollingParent和NestedScrollingChild分析
在分析
SwipeR
efreshLayout源码的时候发现该类实现了NestedScrollingParent和NestedScrollingChild两个接口,甚是好奇,于是结合了网上的资料,然后根据我个人的理解写下本章
樱天寻
·
2023-10-10 09:56
Android自定义控件案例
android
源码
java
小程序实现tab+
swiper
联动完整代码
实现思路1.利用
swiper
的bindchange方法,匹配tab下标,从而对应tab下的
swiper
-item内容2.获取每个tab的left值,及下划线元素的数据wxml部分:{{item}}1111111222222333js
人间捡故事
·
2023-10-09 20:45
SwipeR
efreshLayout 下拉刷新
1.
SwipeR
efreshLayout是Androidx提供的下拉刷新的库,需要在代码中引入该库,才能使用。
niuyongzhi
·
2023-10-09 17:35
android开发
android
uniapp:
swiper
-demo效果
单元格轮播1000USDT首卡铸造.
swiper
1{height:850rpx;margin:50rpxauto100rpx;.
swiper
-item{width:342rpx;height:524rpx
sunly_
·
2023-10-09 16:59
uniapp
uni-app
vue2踩坑之项目:
Swiper
轮播图使用
首先安装
swiper
插件npmi
swiper
@5安装出现错误:npmERRnpmERR!codeERESOLVEnpmERR!ERESOLVEcouldnotresolvenpmERR!npmERR!
意初
·
2023-10-09 15:32
javascript
前端
vue.js
ecmascript
swiper
npm
前端uniapp生成海报并保存相册
uiapp插件目录图片qrcode.vue源码完整版封装源码qrcode
Swiper
.vue最后图片qrcode.vue源码完整版-->我的邀请码{{inviteCode}}长按识别二维码加入中闽天品我的邀请码
MFG_666
·
2023-10-09 14:30
前端
uni-app
uniapp海报保存相册
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他