Swiper

微信小程序swiper bindChange重复执行

swiper是微信小程序的一个滑动组件，非常重要。如果只是做简单的轮播图而不进行复杂的逻辑，直接可以使用，甚至不需要知道组件的方法。
极乐叔·2024-01-30 17:57

智能小程序组件汇总（全）

小程序官方DemoDemo下载地址使用智能生活App扫码进行体验组件列表视图容器名称功能说明view视图容器scroll-view可滚动视图区域swiper滑块视图容器swiper-item仅可放置在swiper
IoT砖家涂拉拉·2024-01-29 16:01

js实现自动滚动

js实现自动滚动，再也不用求swiper组件啦标签需要自动滚动的内容样式#box{width:100%;height:100%;overflow-y:auto;}自动滚动代码functionscroll
学敲代码的Stars·2024-01-29 16:00

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Swiper
记忆的小河·2024-01-29 06:56

关于swiper 当前滑动值 loop:true时前后滑动值

swiper这个插件应该很多人用，今天主要说获取当前滑动的值Swiper3|Swiper中文网varswiper=newSwiper('.swiper-container',{pagination:'.
闲来无事垂钓·2024-01-29 05:58

微信小程序swiper实现tab切换显示空白页

此处可能会出现Tab显示空白问题，经验证，swiper-item不可直接写样式或者class类名，需要在swiper内部写样式
小小苏1229·2024-01-28 22:36

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Swiper
亚丁号·2024-01-28 17:42

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Swiper
自动化新人·2024-01-28 16:50

Swiper轮播插件的使用与二次封装

1、Swiper官方文档链接：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发Swiper是一个非常强大的轮播插件，Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端
听书先生·2024-01-28 15:51

如何给SwipeRefreshLayout同时实现下拉刷新和上拉加载

尊重原创，转载请注明：http://blog.csdn.net/zj695469296/article/details/50563841关于下拉刷新github上有很多的框架可以学习和借鉴，desmond111大神这样总结：Repo性能拓展性综合建议Android-PullToRefresh★★★★★★★★由于作者不再维护，无法在gradle中配置，顶部视图难以拓展，不建议放入工程中使用andro
Chandler_Jane·2024-01-28 14:22

vue-awesome-swiper点击事件失效问题

最近做项目遇到了vue-awesome-swiper在loop模式下点击失效问题，经过多番尝试，找到了比较好的解决方式，记录下来，希望能帮助更多的朋友越过这些坑，话不多说，上干货；1.出现点击失效的原因
君子钺·2024-01-28 10:11

轮播图插件swiper的使用

1.引入（必需*）2.html结构-->3.JavaScript（具体API可以参考Swiper中文网）varmySwiper=newSwiper('.swiper-container',{//滚动方向
前端葱叶·2024-01-28 00:17

微信小程序

1、swiper疯狂抖动。swiper添加了current属性并且在change的事件回调函数中改变current值，就会导致死循环。解决：删除current属性。
huanghaodong·2024-01-27 23:24

如何在react-native实现自定义的垂直方向跑马灯

项目需求是需要实现一个垂直方向的跑马灯轮播，早期采用react-native-swiper解决方案，此方案在ios端正常使用，在android端不能使用，所有果断放弃。
xjl271314·2024-01-27 14:52

FLUTTER学习笔记--第三方组件

[使用步骤](https://pub.dev/documentation/dio/latest/)3.代码4.效果二、flutter_swiper1.
VaIOReTto1·2024-01-27 11:20

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装npmivue-awesome-swiper@4.1.1--savenpmiswiper@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
白小白灬·2024-01-27 01:32

JS-swiper插件

插件：就是别人写好的一些代码，我们只需要复制对应的代码，就可以直接实现对应的效果官网：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
小沐°·2024-01-27 00:24

前端常用框架

1.Animate.csshttps://animate.style/2.Swiperhttps://3.swiper.com.cn/
pkowner·2024-01-26 15:52

SwipeRefreshLayout中有AppBarLayout和Viewpager造成下拉冲突的解决办法

OverridepublicvoidonOffsetChanged(AppBarLayoutappBarLayout,intverticalOffset){if(verticalOffset>=0){swipeRefreshLayou
暖宝宝_龍·2024-01-26 15:51

《微信小程序开发从入门到实战》学习九十三

7.1视图容器组件7.1.3swiper与swiper-item组件swiper组件的显示效果如下图所示：indicator-dots、indicator-color和indicator-active-color
那长长遥远的路·2024-01-26 13:21

/deep/ 深度选择器

一般使用场景有2个.1.是嵌套了子组件的父组件上,2.是UI组件的节点样式修改上,如swiper组件的轮播分页原点样式上.需要注意的是:/deep/效果对其下所有子组件的样式都生效,不需在里面嵌套使用.
浪浪山小妖_·2024-01-26 10:28

Vue 自定义轮播

，目前没有达到理想效果，后续我会在这篇博客里继续完善，源码如下：自定义轮播图文字和图片没有什么关联图片是河南开封的美景{{item.name}}排列方式：-->exportdefault{name:"Swiper
我不是费圆·2024-01-26 10:48

vue-awesome-swiper的API整理

参数类型（swiper3）默认值（swiper3）类型（swiper4）默认值（swiper4）说明autoplayNumber/Boolean0/falseObjectautoplay自动切换speedNumber300Number300
打响第一枪·2024-01-26 01:03

Swiper详解

一、Swiper简介swiper是一款轻量级的轮播图插件，开源、免费、稳定、使用简单且功能强大，由纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，能实现触屏焦点图、触屏Tab切换
zhong_333·2024-01-25 03:57

Swiper轮播图后端接口实现

mybatis-plus:global-config:db-config:id-type:auto#id生成规则：数据库id自增configuration:map-underscore-to-camel-case:false#开启驼峰功能auto-mapping-behavior:full#自动映射任何复杂的结果log-impl:org.apache.ibatis.logging.stdout.S
九品印相·2024-01-24 23:44

JavaScript进阶：WebAPIs重点知识整理2

对节点的相关操作1.1查找节点1.1.1查找节点的父节点1.1.2查找节点的子节点1.1.3查找节点的兄弟节点1.2新增节点（先创建，后追加）1.3克隆节点1.4删除节点2M端（移动端）事件3JS清空表单的方法4swiper
是小蟹呀^·2024-01-24 19:39

vue-实战去哪儿项目

运行项目npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS
唐人不自醉·2024-01-24 18:18

mui中判断是点击还是滑动

判断和滑动是两种触发方式滑动分为四种，上下左右（swipeup，swipedown，swipeleft,swiperight）点击分为两种，点击和双击，一般用单机（tap）根据自己不同的需求进行相应的使用函数在此我需要的是判断上下滑动和点击触发事件的对象
一封未寄出的信rocky·2024-01-24 15:04

啥,ui叫我做一个移动端好看的轮播--异形的Slide

先看效果,得实现两边的缩放和无线滚动实现方法我的基础架构是next.js+swiper下载swiper包yarnaddswiper下载后在页面中引用import{useEffect,useState}from"react
实习小子·2024-01-24 13:47

鸿蒙第二课笔记

集全完结_哔哩哔哩_bilibili先介绍了鸿蒙的组件类型：有基本组件（text,image,progress,rating,span,marquee等等）容器组件（div,list,list-item,swiper
m0_66408724·2024-01-24 03:37

HarmonyOS鸿蒙学习笔记（22）@Builder实战

@Builder标签是一种更轻量的UI元素复用机制，下面通过一个简单的例子来具体说明：比如如下布局效果：上面是一个轮播的Swiper,下面是一个Grid布局代码如下：build(){Navigation
郭梧悠·2024-01-23 22:18

智能GPT图书管理系统（SpringBoot2+Vue2)、接入GPT接口，支持AI智能图书馆

2.6.14Vue-Router路由式编程导航3.5.1Element-UI模块组件库，绘制界面2.4.5Axios发送ajax请求给后端请求数据1.2.1core-js兼容性更强，浏览器适配3.8.3swiper
神码观察·2024-01-23 13:55

uniapp实现页面左滑右滑切换内容

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```
浮桥·2024-01-23 06:31

微信小程序-02

swiper和swiper-item组件的基本使用轮播图ABC/*pages/list/list.wxss*/.swiper-container{height:150px;}.item{height:100%
菜♕卷·2024-01-23 02:10

vue里面使用swiper，需要切换获取realIndex

在main.js里面importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)1A班影片:567觀看:5671A班影片
认真的十四·2024-01-21 00:21

【微信小程序开发】环境介绍和基本使用

1.4WXML模板1.5WXSS样式1.6JS逻辑交互2.宿主环境2.1什么是宿主环境2.2通信模型2.3运行机制2.4组件2.4.1view组件的基本使用：2.4.2scroll-view组件的使用2.4.3swiper
不能再留遗憾了·2024-01-20 20:47

怎么使用swiper快速实现轮播图?方法在这里!

首先引入框架js和css代码书写css代码.swiper-container{width:100%;height:150px;}.swiper-slide{width:100%;height:150px
LauEl·2024-01-20 14:31

Flutter错误：flutter_swiper ＞=0.0.2 which doesn‘t support null safety

安装flutter_swiper时，出现错误flutter_swiper提示不支持Flutter空安全。
土井塔克树1412·2024-01-20 09:40

Flutter轮播图Banner

使用插件：flutter_swiper实现轮播图pubspec.yaml增加：flutter_swiper:^lastest_version在项目文件夹下打开命令行执行：flutterpackagesget
土井塔克树1412·2024-01-20 09:38

vue + swiper7中autoplay不生效

Slide1Slide2Slide3Slide4Slide5Slide6Slide7Slide8Slide9//ImportSwiperVue.jscomponentsimport{Swiper,SwiperSlide
猫鱼noodles·2024-01-20 08:39

小程序宿主环境-组件swiper

巧识小程序的开发过程学习.在我们的list.wxml中创建组件ABC在我们list.wxss创建样式/*pages/list/list.wxss*/.swiper-container{height:150px
笔写落去·2024-01-20 07:11

uniapp：scroll-view触底加载、下拉刷新、返回顶部

1.swiper禁止滑动//禁止swiper滑动stopTouchMove(){returnfalse},2.scroll-view触底加载uniapp-scrollView顺便解决了ios下拉，顶部和底部有白屏的问题
FIRE·2024-01-20 06:52

微信小程序-轮播组件+九宫格

微信小程序-轮播组件+九宫格目的效果图：（饿了么界面）实现思路：swiper组件+九宫格（容器包裹图片+文字）+数据绑定、实现跳转流程：1.先写出轮播框架、框架里面放九宫格2.调整样式3.初步工作完成，
黑仔丶·2024-01-20 01:41

微信小程序开发常用组件（标签）和API详解

常用的视图容器组件1.view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果2.scoll-view可滚动的视图区域常用来实现滚动列表效果3.swiper和swiper-item
爱敲代码的婷婷婷.·2024-01-20 00:15

微信小程序之组件和API

想写博客但无从下手，急需写作干货注入能量…热爱写作，愿意让自己成为更好的人…文章目录前言一、组件1、小程序中组件的分类2、常用的视图容器类组件3、view组件的基本使用4、scroll-view组件的基本使用5、swiper
哥的时代·2024-01-20 00:43

ionic项目中的轮播图使用swiper实现，循环轮播总是从第二页开始

1.安装swiper插件：(使用的是3.2.4版本)别的版本请参考官方文档：https://www.swiper.com.cn/demo/index.htmlnpminstallswiper@3.2.42
柠檬檬檬檬檬不萌·2024-01-19 12:47

nuxt中图片资源动态绑定

BASE_URL='localhost:3000'//服务提供的地址，这里采用nuxt默认的3000端口声明与使用constbaseUrl=process.env.BASE_URL||'/';constswiperList
躺平阿福·2024-01-18 22:22

微信小程序+前后端开发学习材料2-（视图+基本内容+表单组件）

学习来源视图1.swiper滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。
李卓璐·2024-01-18 19:55

uni-app的组件（一）

用于区域滚动ABC属性说明（查看更多属性请查看官网[swiper|uni-app官网(dcloud.net.cn)](https://uniapp.dcloud.net.cn/component/swiper.html
猿究院陈安·2024-01-18 09:42

uni-app的组件（二）

篮球足球排球属性说明（查看更多属性请查看官网[swiper|uni-app官网(dcloud.net.cn)](https://uniapp.dcloud.net.cn/component/swiper.html
猿究院陈安·2024-01-18 09:08
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他