SWIPER 第11页

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

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

vue3 swiper6 autoplay问题。

importSwiper,{Autoplay}from'swiper'//swiper6部分功能组件化，需使用这种方式声明自动循环Swiper.use([Autoplay])

唐_亮·2023-09-24 05:51

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

页面背景轮播图大致如下（看重点，不要照抄）：对应的，我们需要初始化一下data(){return{navBackground:{backgroundColor:'#fff'},bgColor:'#fff',swiperList

万符网络·2023-09-24 01:45

微信小程序swiper轮播图高度

小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。

新新_6261·2023-09-23 15:49

轮播swiper中加视频video滑动不顺畅报错 property on ‘HTMLMediaElement‘: The provided double value is non-finite.

轮播swiper中加视频video滑动不顺畅报错TypeError:Failedtosetthe‘currentTime’propertyon‘HTMLMediaElement’:Theprovideddoublevalueisnon-finite

super5⁢·2023-09-22 20:02

vue引入swiper报错

vue项目的package.json中显示的"vue-awesome-swiper":"^2.5.4"，用npminstall自动安装依赖时装的版本为"version":"2.6.7"，而单独安装（npminstallvue-awesome-swiper

前端啊啊·2023-09-22 04:43

亿纬锦能项目总结

项目名称：亿纬锦能项目链接：https://www.evebattery.com项目概况:此项目用到了wow.js/slick.js/swiper-bundle.min.js/animate.js/appear.js

要讲故事·2023-09-22 00:57

微信小程序之block

案例1.使用swiper组件，图片滑动切换中使用block2.无限循环中列表循环，用bloc

奶酪凌·2023-09-21 23:49

SwipeRecyclerView开源库源码分析之（一）触摸事件处理分析

1仓库信息https://github.com/yanzhenjie/SwipeRecyclerView2布局层级分析定义了一个继承RecyclerView的子类SwipeRecyclerView。

xiayuexingkong·2023-09-21 09:46

swiper一行中展示三列的效果—案例（一）

移动端H5使用swiper移动端的布局可以采用hotcss的方式，这里就不进行布局介绍了；可以参考链接：https://www.w2bc.com/article/205451，本文内代码没有做适配；1:

墨轩尘·2023-09-21 07:34

uniapp解决scroll滑动之后被u-sticky挡住的问题

问题：页面触底加载之后，回到头部，顶部数据被遮挡将上的swiper-list样式高度调整成90vhdata(){return{tabList:[{name:'全部',},{name:'待付款',}],swiperCurrent

peepeeman·2023-09-21 05:32

微信小程序案例2-2：本地生活

文章目录一、运行效果二、知识储备（一）swiper与swiper-item组件1、swiper组件（1）功能描述（2）属性说明2、swiper-item组件（1）功能描述（2）属性说明3、基本语法4、案例演示

howard2005·2023-09-20 21:11

项目中使用vue-awesome-swiper

一.简介Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站。

fenerchen·2023-09-20 21:54

swiper+vide开发一款视频和图片切换的banner

swiper+vide开发一款视频和图片切换的banner功能简介：视频和图片混到一起的自动轮播视频播放完，会自动播放到下一个图片（如果下一个是图片的话）图片切换到视频，视频都会重新播放参考文档：https

gzmyh·2023-09-20 20:59

微信小程序轮播图banner 当前图片放大

效果wxmlwxss.swiper-block{height:320rpx;width:100%;}.swiper-item{display:flex;flex-direction:column;justify-content

把我推进深海的你真善良·2023-09-20 18:21

swiper 移动排版

swiper中文网例子：html,body{height:100%;}.swiper-container{height:100%;text-align:center;}.swiper-container.swiper-wrapperdiv

AnnQi·2023-09-20 18:35

解决报错：npm ERR! code 1

我是npminstall--legacy-peer-deps成功了解决方案：升级swiper库：你可以尝试升级你的项目中的swiper库到5.2.0或更高版本，以满足vue-awesome-swiper

薇z·2023-09-20 09:13

uniapp swiper的使用,一次显示多个,竖着排列

{item1}}.markList{margin:45upx30upx;.list{background:#fff;border-radius:16upx;padding-bottom:20upx;.swiper1

Front思·2023-09-20 08:28

vue关于swiper5.4.5的slide内滚动的解决方案

根据swiper作者给出的解决方案。

qq_34221812·2023-09-20 06:03

结合Paging3 快速添加下拉刷新

项目地址binding-adapter下拉刷新直接使用SwipeRefreshLayout，看看实现效果。直接一句代码完成。

luowenbin·2023-09-19 23:53

下拉刷新，上拉加载更多的SwipeRefreshLayout（可自定义动画）

Squirrel桓·2023-09-19 22:27

swiper 的一堆坑

最近写小程序经常用swiper，结果发现，坑好多啊。。。坑1.swiper-item的100%宽高小程序默认swiper-item的宽高默认继承swiper的宽高，如果不用!

书此奇谭·2023-09-19 19:00

轮播图样式

html:{%forwheelinwheels%}{%endfor%}css:头部轮播图部分#topSwiper{height:8rem;width:100%;overflow:hidden;}#topSwiper.swiper-wrapper

隐心_3811·2023-09-18 20:56

react-native 实现类似swiper 曲面滑动效果

需求:实现一个类似于swiper滑动的效果。不过没有用swiper实现。是自己写了个函数去控制了；直接基于swiper实现应该会更简单-等我后面再试试的吧~这是之前写的一个小功能。

小小小小的人头·2023-09-18 08:13

【微信小程序】swiper的使用

1.swiper的基本使用/*index.scss*/.banner{padding-top:30rpx;swiper{height:460rpx;swiper-item{height:460rpx;image

进阶的CC·2023-09-18 06:30

01- 从零玩转Vue 开篇

Vue.js是一套构建用户界面的框架，它不仅易于上手，还可以与其它第三方库整合(Swiper、IScroll、...)框架和库的区别?

极客江南·2023-09-17 21:18

uni-app 自定义swiper组件

uni-app自定义导航栏uni-app自定义导航栏步骤uni-app自定义导航栏实例uni-app自定义系统导航栏uni-app自定义导航栏uni-app自定义导航栏步骤在uni-app中，可以通过修改页面的导航栏配置来实现自定义导航栏的效果。以下是实现自定义导航栏的一般步骤：在uni-app项目中找到需要自定义导航栏的页面，例如pages/index/index.vue。在该页面的标签中，添加

前端布道人·2023-09-17 11:21

uni-app轮播图制作

在Uni-app中，可以使用uni-swiper组件制作轮播图。制作轮播图的步骤如下：在pages文件夹中创建一个新页面，例如index.vue。

&ACE&·2023-09-17 02:11

swiper 设置圆角真机不起作用解决办法，在父组件中添加下列代码

border-radius:20rpx;overflow:hidden;transform:translateY(0);

偷心_·2023-09-17 01:34

常用git命令

git命令：gitclone地址gitinit添加新功能时，创建分支将新创建的分支下拉到本地：gitpull//把代码从git库拉到本地gitcheckout'index-swiper'在分支上写完后提交到

断点_842b·2023-09-16 14:24

swiper 增加一个鼠标移入分页器的小点后就切换展示图片

1、头部加载插件：2、html部分：Slide1Slide2Slide33、js部分：$(document).ready(function(){varmySwiper=newSwiper('.swiper-container

时间在飞飞·2023-09-16 07:28

Vue - 轮播组件的使用（vue-awesome-swiper）

轮播组件的使用（vue-awesome-swiper）一.vue-awesome-swiper轮播组件使用二.使用轮播图可能会遇到的问题三.一个轮播图实例vue-awesome-swiper官网：https

Jie_1997·2023-09-16 05:59

uni-app 中使用swiper结合最新版animation动画效果

00000000000003333333333333344444444444444Example5555555555555566666666666666777777777777772222222233333333333exportdefault{data(){return{}},methods:{}}.mask{/*position:fixed;top:0;left:0;*/width:100%;

weixin_44694538·2023-09-16 03:43

新闻轮播图

一、效果图二、vue中html部分{{swiperTitle}}三、vue中相关js代码letstate=reactive({timer:null,newsImageList:[],asyncgetImageList

_大龄·2023-09-15 23:04

vue使用swiper轮播组件开启loop模式点击不了问题处理

"2.在methods里面写好方法func_str(item){returnJSON.stringify(item);}3.在原本的调用调用轮播图方法里面加入点击事件onClick:function(swiper

chendawen2014·2023-09-15 22:01

uniapp轮播图制作

在Uniapp中实现轮播图可以使用swiper组件，它是一个常用的轮播组件。

无妄的罪·2023-09-15 21:32

黑马面面布局开发

目录创建目录文件夹适配方案初始化文件注意的地方Swiper插件!!!

不爱吃菜的蔡菜·2023-09-15 19:17

React-实现循环轮播

问题：写字体轮播的时候，不使用swiper库，使用top定位，让字体过渡上下移动，发现写成的效果就是每次播到最后一个元素后，只能突然展示第一个元素，失去了那种上下移的动过渡效果。

啊啊啊～～·2023-09-15 07:40

轮播图禁用手势滑动

以下是如何在Flutter中使用flutter_swiper插件进行配置：首先，在pubspec.yaml文件中添加flutter_swiper插件的依赖项：dependencies:flutter_swiper

A HandSome Man·2023-09-15 05:35

动态设置原生swiper的配置项

动态改变已经渲染出来的swiper语法：swiper的实例.params例：letcl_w=document.documentElement.clientWidth||document.body.clientWidth

前端小凯·2023-09-14 14:46

推荐频道

SWIPER