Swipe

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

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明最近需要做一个手机小门户网站，因为目前主流的手机都是安卓和苹果的，他们的浏览器内核都是webkit，这就意味着手机网站是可以用
想做大牛的蜗牛·2023-10-11 10:38

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

Flutter 实战开发-轮播图

本文主要通过flutter实现轮播图功能，主要是基础使用，如有疑问可留言讨论文章目录一、Swiper引入二、Swiper使用三、Swiper动效3.1、DEFAULT动效3.2、STACK动效3.3、TINDER
流星雨在线·2023-10-09 07:48

JS：swiper异形slide

css:.swiper-container{position:relative;width:100%;height:500px;}.swiper-slide{text-align:center;font-size
大佬，咋整啊·2023-10-08 10:43

element-ui和iview以及swiper对图片轮播的对比操作

先放上我要实现的效果：因为是公司的项目，所以图片无法显示，大概意思就是切换两个分屏展示的样式。1.iview的轮播只能使用一个分屏展示，当切换之后再使用就无法轮播，点击事件失效，百度说是只能获取到一个事件焦点。iview的方式只能去掉。代码如下：（摘自官网，我写的有问题，所以代码就被我删掉了）1234exportdefault{data(){return{value1:0}}}2.element-
李小斌96·2023-10-08 07:18

css--踩坑

如果希望子元素的宽高生效，解决方法，给子元素添加如下属性：flex-shrink:0;flex-shrink:0;2.横向滚动（子元素宽度不固定）/*tab栏*/.swiper-tab{/*1.最外面的元素设置固定宽度
常安cc·2023-10-07 12:32

Uniapp swiper 滚动图组件

平台兼容性Vue2Vue3√√App快应用微信小程序支付宝小程序百度小程序字节小程序QQ小程序HBuilderX3.1.0app-vueapp-nvue√√√√√√钉钉小程序快手小程序飞书小程序京东小程序√√√√H5-SafariAndroidBrowser微信浏览器(Android)QQ浏览器(Android)ChromeIEEdgeFirefoxPC-Safari√√√√√√√√√TC-swi
特创数字科技·2023-10-07 10:24

Flutter 轮播组件 flutter_swiper 以及 Dio.dart请求包的使用

flutter_swiper和dio的引入flutter_swiper组件作为第三方组件,我们需要通过在github上找到并通过pubspec.yaml文件进行引入安装,dio也同一样,在github中搜索
哟西大人1·2023-10-06 11:26

微信小程序开发中的坑

1、swiper显示不了的问题检查swiper的container是否有display:flex样式，删掉。
andev009·2023-10-06 07:22

vue swiper 使用vue-awesome-swiper得分组轮播遇到得问题记录

一开始使用得是单纯得swiper，导致使用tab切换显示隐藏得时候分页和数据对不上号，后来看到了基于swiper得vue版本vue-awesome-swiper，使用方式如下：1、安装插件npminstallvue-awesome-swiper
前端傻小子·2023-10-06 01:12

vue+Element 跑马灯loop的循环方向问题解决

1.element和swiper的跑马灯对比起来，如果是用vue的话，使用element的跑马灯是非常方便的，但是功能并没有swiper多，如果你想使用跑马灯的loop功能，个人建议千万不要用swiper
巴中第一皇子·2023-10-05 12:47

解决el-carousel跑马灯（只有两个轮播）loop的循环方向问题解决

解决el-carousel跑马灯（只有两个轮播）loop的循环方向问题解决)1.element和swiper的跑马灯对比起来，如果是用vue的话，使用element的跑马灯是非常方便的，但是功能并没有swiper
程序媛_MISS_zhang_0110·2023-10-05 12:44

vue实现轮播图详解

vue实现轮播图详解目录vue实现轮播图详解1引言2vue实现轮播图2.1Vant组件引入2.1.1vant组件引入2.2.2使用van-swipe组件2.2vue代码实现2.2.1功能需求2.2.2实现思路
Saga Two·2023-10-05 07:56

使用vue-awesome-swiper组件 手动滚动点击失效问题

最近做了一个项目用了vue-awesome-swiper这个组件，遇到了一个问题。
Skywang·2023-10-04 22:35

微信小程序 ios border-radius元素 overflow:hidden失效问题

问题父元素使用border-radius和overflow：hidden；子元素使用了transform属性，父元素的overflow：hidden；会失效（swiper上加圆角）解决方案backface-visibility
FSYu·2023-10-04 11:55

《Jetpack Compose从入门到实战》第九章 Accompanist 与第三方组件库

目录AccompanistSystemUiControllerPagerSwipeRefreshFlowLayoutInsetsLottieCoilAsyncImageSubcomposeAsyncImageAsyncImagePainterAccompanist
小蒋的技术栈记录·2023-10-02 15:48

Android---SwipeRefreshLayout嵌套ViewPager时的滑动冲突

SwipeRefreshLayout嵌套ViewPager最近在项目中用到了SwipeRefreshLayout控件，以实现下拉刷新，在我的SwipeRefreshLayout布局中存在一个ViewPager
hpp417·2023-10-02 07:41

vue2.x使用swiper

之前在vue2项目中要用到轮播的功能，用swiper插件实现遇到了一些坑。
相维变·2023-10-02 04:22

uni-app 上传图片样式

f1f1f1;font-size:28upx;color:#333333;font-family:HelveticaNeue,Helvetica,sans-serif;}view,scroll-view,swiper
先不要想收获，扎实·2023-10-02 01:33

强大的Android刷新库-SmoothRefreshLayout

SmoothRefreshLayoutEnglish|中文一个高效的Android刷新库，理论上支持所有的视图，比官方的SwipeRefreshLayout更强大且使用方便.本开源库的部分代码来自android-Ultra-Pull-To-Refresh
dkzwm·2023-10-02 01:41

Flutter实战一（框架，轮播图，自定义AppBars滚动渐变）

Banner功能开发4.自定义AppBar实现滚动渐变使用到的框架：在pubspec.yaml进行配置#Toast打印toast:^0.1.5#网络请求组件dio:^3.0.10#轮播图组建flutter_swiper
景小帮·2023-10-01 16:05

2019-07-23

本文海报生成可轮播，具体效果如下效果图小程序原生组件swiper等在此就不解释了步骤：1.将我们需要的图片调用getImageInfo转成微信格式的url，获取到对应的url将网络路径的图片转成微信的url2
JC_yang·2023-09-30 14:43

微信小程序（原生）——轮播图swiper、1秒切换、自动轮播、无缝切换

1秒切换、自动轮播、无缝切换二、案例演示三、案例代码index.wxml文件：index.wxss文件：/**index.wxss**/.swiper-container{width:100%;}.item
耶啵奶膘·2023-09-30 12:03

2020-03-13

Swiper简介Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
lena_b870·2023-09-30 11:23

h5公司官网开发总结

内容提要：meta标签整体布局整体框架Vue配合swiper的实战应用meta标签这点与在PC端写前端有着很大的区别，移动端的meta标签简直多。我就说说我所用到的标签。
方圆几里666·2023-09-30 08:00

【vue】实现上下滑动翻页

1、安装vue-awesome-swiper模块：npmi-Svue-awesome-swiper2、在main.js中导入：importVueAwesomeSwiperfrom'vue-awesome-swiper
u5f20u5929u8000·2023-09-30 04:16

Flutter之常用组件的使用举例(中)

一、Swiper#轮播组件flutter_swiper:^1.1.6基本使用import'package:flutter/material.dart';import'package:flutter_swiper
可可鸭~·2023-09-30 00:45

微信小程序抽奖动画效果（老虎机上下滚动效果）

微信小程序抽奖动画效果（老虎机上下滚动效果）微信小程序抽奖效果实现，本来打算用小程序自带的swiper来实现，尝试了一下，发现控制它速度变化的时候会有明显的卡顿，而且想要控制元素达到指定的位置也不是特别容易实现
zzxprint·2023-09-29 12:07

Three.js渲染Dom元素到3D场景

效果中间两个swiper部分用dom方式实现，再将其转化成为Three中的CSS3DObject对象添加到3D场景中，代码需要创建两个场景与渲染器（普通渲染器，CSS3Render）通过两个场景融合实现
漫 漫，·2023-09-29 10:17

使用开源SwipeRevealLayout，来对item进行右侧滑动删除

先上图看效果https://github.com/chthai64/SwipeRevealLayoutgithub地址：https://github.com/chthai64/SwipeRevealLayout
HMZZS·2023-09-29 03:51

openlayers-17-卷帘对比

没有进一步测试版本兼容问题，不错从ol的官网来看，ol6之前的版本的示例与ol6及其之后的版本示例并不相同ol5示例https://openlayers.org/en/v5.3.0/examples/layer-swipe.html
阿发博客·2023-09-29 02:42

swiper 与iframe 冲突无法滑动

最简单的解决方法就是修改iframeiframe{pointer-events:none;}
奋斗的小蜗牛yyl·2023-09-28 20:58

将一维数组转为三维数组，html引入swiper并且自定义左右切换按钮

首先在head中引入swiper的css和js下载地址https://www.swiper.com.cn/download/index.html#file1代码主要看swiper结构，自定义按钮样式放在
KeloOne·2023-09-28 10:22

uni-app 通过 swiper 实现卡片滑动背景同步切换效果

uni-app通过swiper组件也可以实现类似效果css样式：page{background-color:#FAFAFA;}.swiper-box{.swiper-bg{width:100%;position
Days2050·2023-09-27 18:55

swiper添加动画效果，vue3.x+vite+swiper 6.x以上

用vue3.x开发一个门户网站，动效有点多，浅谈一下其中走过的弯路吧；用到的插件框架用的“vue”:“^3.2.25”,构建工具“vite”:“^2.9.5”,轮播“swiper”:“^8.1.4”，动画组件
前端菜鸟啊辉·2023-09-27 05:27

Vue + elementui +router+swiper的几个不走弯路小技巧

1.elementUI的元素动态删减先看效果X添加商品方法:添加输入框：遍历数组，给相应按钮添加点击事件，点击后往数组里面push一个空字符串，然后就会生成一个输入框。删除指定输入框：遍历的时候拿到每个输入框的索引，上面的代码是i，然后给函数赋值i，用数组的splice方法，删除数组元素。代码:添加addpush(){this.addForm.detail.push('')if(this.addF
cuter、·2023-09-26 08:59

swiper使用

介绍Swiper（swipermaster）是一个第三方的库，可以用来实现移动端、pc端的滑动操作。
陈天在睡觉·2023-09-25 01:14

分享几个开发中的漂亮的小程序组件

日历组件：子组件与父页面间通信（接口都留好了）暗黑模式选择date-picker的日期选择swiper顺滑无缝切换日期弹出式modal模态栏信息填写（标题、心情等）（
michaelxuzhi___·2023-09-24 12:20

微信小程序快速入门01（含案例）

文章目录前言一、组件1.常用视图容器类组件viewscroll-viewswiper、swiper-item2.text、rich-text3.其他常用组件buttonimagenavigator二、小程序
浩泽学编程·2023-09-24 12:33

django社交类程序笔记（1）项目概览

swiperSocial类似于“探探”的社交类程序，采用亲啊后端分离结构，主要包含下列模块：1.项目概况：个人模块社交模块VIP模块异步任务模块redis缓存模块日志模块，异常处理模块短信模块，邮件模块运维
Python_Heaven·2023-09-24 08:14

uni-app uni-swipe-action组件 使用插槽渲染按钮，IOS上点击按钮，操作错位

前两天使用了uni-app开发移动端，写了一个列表，需要有滑动显示按钮的功能，查阅uni-app官网选择了扩展组件里面的uni-swipe-action组件来实现，组件具体的使用方法在这里不过多赘述，官网有最简单的例子
快乐小鱼1399·2023-09-24 07:49

vue3 swiper6 autoplay问题。

importSwiper,{Autoplay}from'swiper'//swiper6部分功能组件化，需使用这种方式声明自动循环Swiper.use([Autoplay])
唐_亮·2023-09-24 05:51

python 使用 adb 模拟滑动手机(自动观看小视频)

envpython#-*-coding:utf-8-*-importosfromtimeimportsleep#adb模拟滑动手势(以步长200从坐标350,1580滑动到350,680)defadb_swipe
造火箭·2023-09-24 02:09

uni-app+uView如何轮播图滑动时改变背景颜色和导航栏颜色

页面背景轮播图大致如下（看重点，不要照抄）：对应的，我们需要初始化一下data(){return{navBackground:{backgroundColor:'#fff'},bgColor:'#fff',swiperList
万符网络·2023-09-24 01:45
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他