Swipe

Swiper 插件实现轮播图

1.swiper插件的使用步骤：第一步：安装依赖npmiswiper(可以根据需要选择对应版本)第二步：引入相应的依赖包（swiper.jsswiper.css）第三步：页面中的结构务必要有第四步：初始化
奶球不是球·2023-09-11 06:13

钉钉开源版权信息-Android

AESCryptAFNetworkingASIHTTPRequestActionSheetPicker-3.0CocoaLumberjackDACircularProgressFMDBFastCodingJSONKitMBProgressHUDMCSwipeTableViewCellPLCrashReporterPinYin4ObjcPureLayoutReachabilitySDWebImage
inlooker·2023-09-11 00:44

uniapp和微信小程序的区别

1、页面标签基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可原生写法：wx.request、wx.showModal、
仰淮·2023-09-10 23:55

小程序中的tab切换

1、小程序中的tab切换应该是很常用的东西，于是记录一下进行分享wxml代码资料交易wxss代码.swiper-tab{width:100%;text-align:center;height:85rpx
西红柿炒洋海兽·2023-09-10 14:07

微信小程序swiper组件切换+个人资料展示

这篇文章的主题就是swiper啦，不过swiper在真机上有个不好的点就是页面切换时会有闪烁回弹的感觉，不知道如何处理，希望有知道如何处理的小伙伴可以给出一些指导意见。
_果不其然_·2023-09-10 13:55

react memo判断刷新机制 自定义的比较函数 避免重复渲染

遇到的坑一开始实现了我上面指定的问题需要的函数，后面发现怎么都刷新不了，经过深入观察发现memo在第一次成功渲染后，之后arePropsEqual函数一直都返回为true导致Swiper参数current
愤怒的佛手瓜·2023-09-10 09:35

初试小程序轮播组件

文章目录一、轮播组件（一）swiper组件1、功能描述2、属性说明（二）swiper-item组件1、功能描述2、属性说明二、案例演示（一）运行效果（二）实现步骤1、创建小程序项目2、准备图片素材3、编写轮播图页面内容
howard2005·2023-09-09 18:42

23.uniapp完成首页轮播图的渲染

复制到编译对照页面看看就一目了然了-->exportdefault{data(){return{swipers:[]}},methods:{//第一种：//获取轮播图的数据//getSwipers(){
MFG_666·2023-09-09 16:45

21. uniapp 获取轮播图的数据

轮播图exportdefault{data(){return{swipers:[]}},methods:{//获取轮播图的数据getSwipers(){//每次打开页面都会调用数据在生命周期中onload
MFG_666·2023-09-09 16:15

Promise方式的请求工具类封装

/utils/requestUtil';Page({/***页面的初始数据*/data:{//轮播图数组swiperList:[]},/***生命周期函数--监听页面加载*/onLoad:function
c++开发工程师·2023-09-09 13:38

请求根路径baseUrl封装

/utils/requestUtil';Page({/***页面的初始数据*/data:{//轮播图数组swiperList:[],baseUrl:''},/***生命周期函数--监听页面加载*/onLoad
c++开发工程师·2023-09-09 13:38

自定义Layout：仿MIUI滑动返回（已开源）

项目地址：https://github.com/kumaxiong/MirrorSwipeBackMirrorSwipeBack继承自LinearLayout,左右滑动出现返回动画。
极简小熊·2023-09-09 08:50

uni-app 小程序数据刷新不及时解决办法

场景：点击数据头像获取对应的日期时间顶部是swiper展示的日期下面是scroll-view做的列表展示点击文字、头像，可以发送当前选中的日期到后台首次进来点击没问题，可以获取到，但是切换到任意日期，第一次点击还是获取的首次日期
时间轴-小文同学·2023-09-08 13:36

TabLayout + ViewPager + Fragment + SwipeRefreshLayout + RecyclerView

TabLayout+ViewPager+Fragment+SwipeRefreshLayout+RecyclerViewAndroid开发中，顶栏和底栏的的使用很普遍，处理方法也不少；本文对主流的TabLayout
2Ker·2023-09-08 11:06

在nuxt中使用vue-awesome-swiper

一、安装vue-awesome-swipernpminstallvue-awesome-swiper--save二、安装swipernpminstallswiper--save三、创建vue-awesome-swiper.js
果汁果肉·2023-09-08 09:04

微信小程序开发---基本组件的使用

目录一、scroll-view（1）作用（2）用法二、swiper和swiper-item（1）作用（2）用法三、text（1）作用（2）使用四、rich-text（1）作用（2）使用五、button（
菜到极致就是渣·2023-09-08 04:54

使用swiper实现多个slide无缝轮播

使用swiper实现多个slide无缝轮播swiper-wrapper不能设置justify-content:center(不然轮播图会有空白)HTML{{item.desc}}CSS.swiper-container
liminla!·2023-09-08 01:08

vue3.x+elementPlus+swiper+vuedraggable实现页面装修

前言该实现代码依赖框架：vue3.x+elementPlus+swiper+vuedraggable，做好前期工作，可直接在下面的附件处点击下载链接来下载相关文件；文件中包括搜索/图文广告/滚动消息三个模块代码示例
QLemon_0908·2023-09-08 01:43

Vue3使用Swiper8.x

1.安装Swiper，指定版本npminstallswipe[email protected].在所需文件中引入swiper组件import{Swiper,SwiperSlide}from'swiper/vue
QLemon_0908·2023-09-08 00:41

uniapp项目实践总结(十)自定义滑动触摸组件

目录准备工作原理分析组件实现实战演练案例展示准备工作在components新建一个q-swiper文件夹，并新建一个q-swiper.vue的组件；按照前一篇所说的页面结
马克关·2023-09-07 23:11

轮播图uniapp

布局view样式//轮播控件外部view样式.page-section-spacing{width:calc(100%-60upx);margin:30upx30upx;}.swiper{height:
谜之龙·2023-09-07 21:01

js插件之iscroll,swiper0814

js插件之iscroll,swiper1.iscroll1.1我们在电商网站移动端经常会看见有侧边栏,如下图侧边栏.png我们先用原生js来实现一下这个功能01-侧边栏菜单*{margin:0;padding
煤球快到碗里来·2023-09-07 17:42

uniapp：文本/图片横向滚动播放（非swiper）

插件地址平台支持：APPH5微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序√√√未测未测未测未测插件功能支持文本/图片横向播放，点击选中，扫码体验注意：css样式需要开发者布局props:名称类型默认值说明版本listArray[]需要滚动的列表1.0.0typeStringtext可选：image，纯图片滚动1.0.0textKeyString文字key值1.0.0imageKeySt
Mosowe·2023-09-07 11:07

swiper不生效/切换不生效，点击切换按钮activeIndex值不对应问题@令狐张豪

原因：因为把newSwiper放在mounted实例化的时候可能v-for并未执行完成结构还未完全生成错误：先执行了swiper实例化后循环的；正确：先循环完数据确保数据完整循环完成后再执行swiper
令狐张豪·2023-09-07 01:44

如何安装指定版本依赖包 及查询版本号

》1查询版本号使用cnpm或者npm在控制台输入npmview依赖包名versions//例：npmviewswiperversions会出现如下版本信息：swiperversions.png》2安装指定版本包使用
鸿泽云码·2023-09-06 22:44

nuxt正确使用vue-awesome-swiper

使用nuxt实现轮播图功能适用得是vue-awesome-swiper这个插件按照官网进行配置不是报错就是样式有问题总结了一下能正常使用的步骤安装插件//使用3.1.3版本可以不用引入swiper插件npmivue-awesome-swiper
我今年六岁·2023-09-06 22:38

uni-app 点击按钮切换图片或文字

点击按钮切换图片或文字点击按钮111点击按钮222{{imageUrl}}exportdefault{data(){return{//显示初始图片imageUrl:"https://cdn.uviewui.com/uview/swiper
jun_tong·2023-09-06 14:59

uni-app 之 scroll-view和swiper

uni-app之scroll-view和swiper里必须要有一个盒子，不能有两个，这里的盒子就是view-->跳转到新页面VerticalScroll\n纵向滚动点击这里返回顶部ABCHorizontalScroll
jun_tong·2023-09-06 14:58

如何在Vue-Cli中使用Element-UI和Echarts和swiper插件(低版本)

1st.Element-UI1.1安装在终端输入npminstallelement-ui1.2导入在全局main.js中全局导入Element-UI：//导入element-ui组件库importElementUIfrom'element-ui';//导入element-ui组件库的样式import'element-ui/lib/theme-chalk/index.css';//注意：elemen
uuz·2023-09-06 12:37

uniapp项目实践总结(十)自定义滑动触摸组件

目录准备工作原理分析组件实现实战演练案例展示准备工作在components新建一个q-swiper文件夹，并新建一个q-swiper.vue的组件；按照前一篇所说的页面结
·2023-09-05 21:50

5-4 Flutter 轮播图Banner功能开发

5-4轮播图Banner功能开发import'package:flutter/material.dart';import'package:flutter_swiper/flutter_swiper.dart
小码农小世界·2023-09-05 19:52

uni-app 中 swiper 轮播图高度自适应

方法一1、首先swiper标签的宽度是width:100%2、swiper标签存在默认高度是height:150px；高度无法实现由内容撑开，在默认情况下，图片的高度显示总是150pxswiper宽度/
UserGuan·2023-09-05 11:42

小程序swiper+video+onPageScroll

为啥这样做呢？因为微信原生组件video放在scrollview中上滑体验极其不好，video组件层级最高，页面滑动时，播放中的video不会随之滑动。。。
冬天73051·2023-09-05 01:28

基于HarmonyOS ArkUI实现七夕壁纸轮播

本节将演示如何在基于HarmonyOSArkUI的SwiperController、Image、Swiper等组件来实现七夕壁纸轮播。本文涉及的所有源码，均可以在文末链接中找到。
_waylau·2023-09-04 13:11

Vue使用Swiper组件制作轮播图

1.下载安装包cnpminstallvue-awesome-swiper@3--save  因为版本不兼容的问题，这里指定下载的版本是3.xxx。
外星人_863d·2023-09-04 12:57

小兔鲜儿---商品分类

目录准备工作渲染轮播图一级分类获取数据Tab交互二级分类骨架屏准备工作参考效果商品分类页中的广告位，可复用之前定义的轮播图组件XtxSwiper。
前端 贾公子·2023-09-04 12:58

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
马克关·2023-09-04 00:08

第二个迷糊的一天

吃完11:40回办公室，中午继续看vue的课程，但很经常打瞌睡，今天学了swiper组件还有lodash插件用来防抖的，只是大概知道怎么用，但没有真正实操，主要是因为静态页面也还没有构建出
Oxalis·2023-09-03 23:08

uniapp 实现滑动元素删除效果

官网地址：uni-app官网(dcloud.net.cn)最终效果如下图：滑动删除需要用到uni-ui的uni-swipe-action组件和uni-swipe-action-item属性名类型可选值默认值是否必填说明
打不着的大喇叭·2023-09-03 16:16

使用uni-swipe-action，实现购物车左滑删除

使用数据填充exportdefault{components:{},data(){return{options2:[{text:'取消',style:{backgroundColor:'#007aff'}},{text:'确认',style:{backgroundColor:'#dd524d'}}]};},methods:{bindClick(e){uni.showToast({title:`点击
努力站桩的奶酪呦·2023-09-03 14:02

uniapp实现移动端的视频图片轮播组件

tt.appc02.com/nesxr62、支持小程序、H5、APP，在小程序上运行的效果图3、使用方法第一步，按照截图步骤配置好第二步：参考以下代码，使用视频图片轮播组件我是标题我是内容importvideoSwiperfrom
zhifanxu·2023-09-03 06:16

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
·2023-09-02 22:18

React-native——实现轮播图

大家好，我是贰妹子，希望我的博客对你有帮助（多动手练习一下呦）将Swiper和Text通过一个View来封装.
贰小妹儿·2023-09-02 17:02

微信小程序自定义组件,父传子，子传父，默认插槽，具名插槽

小程序有许多的内置组件，比如之前学习过的view、image、scroll-view、swiper等，除此之外小程序也允许开发者自定义组件。
←_→·2023-09-02 16:09

html5 gesturestart,【HTML5】Touch全解（集合转贴）

参考地址：插件推荐：(Github搜索即可)touchy.js(在安卓4.0上面报错，4.1+正常)iscroll(左｜右滑屏效果，触控)swipe(左右幻灯，触控)本文从一个多触式网页开发初学者的角度
百分之二十六·2023-09-02 13:34

vue 中使用 swiper loop循环失效

在循环的父元素上面加上v-if就好了
兜兜里冒糖糖·2023-09-01 21:40

Vue + Vnat Vant轮播组件渲染动态数据 页面一直在第一页的问题

在这之间要给swiper组件定义一个名字ref="swipe"，通过他控制组件。onchange事件内写入this.$refs.swipe.resize();
hhhhhhhhhhzy·2023-09-01 04:22

组件 swipeable - react-native-gesture-handler

这个组件允许实现可滑动的行（swipeablerows）或者类似的动作.它的子元素使用panablecontainer，允许水平向左或者向右滑动。
JamesSawyer·2023-09-01 02:35

微信小程序 动态加载swiper时不显示的问题（爬坑）

_touchstartHandlerForDevtools解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这次的数据中不存在问题，所以，每次动态加载
九旬大爷的梦·2023-09-01 00:02

auto.js常用语法

functionswipe(){sleep(1000);swipe(width/2,height-500,width/2,0,500);}2启动auto.waitFor();varheight=device.height
幸福的尾巴__·2023-08-31 21:30
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他