swipe

鸿蒙开发：Swiper轮播图

鸿蒙Swiper组件详解一、Swiper组件概述Swiper是鸿蒙(HarmonyOS)系统中提供的一个滑动容器组件，它允许用户通过手指滑动来切换子组件（通常是页面或图片），实现轮播图、引导页、图片浏览器等常见

一只小风华~·2025-04-28 21:41

创意实现！在uni-app小程序商品详情页轮播中嵌入视频播放功能

代码组件新建文件：productConSwiper.v

快起来搬砖了·2025-04-25 06:11

swiper前端轮播图

/mixin.js'exportdefault{mixins:[mymixin],data(){return{swipershow:false,imgUrlBase

lifelalala·2025-04-25 04:30

ViewPager Animations: Customizing Swipes in Android

本文还有配套的精品资源，点击获取简介：ViewPager在Android开发中用于实现页面的左右滑动浏览效果，如轮播图或Tab切换。本文将介绍如何为ViewPager添加动画效果，提高用户体验。我们将探讨使用PageTransformer接口来自定义页面转换动画，并通过代码示例展示如何实现淡入淡出效果和利用ObjectAnimator进行复杂的动画设计。需要注意的是，这些技术仅适用于Android

黄冈新学爸·2025-04-17 04:55

自定义 Swiper Navigation 的原理与优势：一场从“默认”走向“掌控”的进阶之路

在前端开发中，Swiper是一个使用频率非常高的轮播组件库。它功能强大，使用简单，不论是移动端还是桌面端都有广泛应用。

心灵星图·2025-04-16 06:04

前端开发---用Swiper实现轮播图

1.下载插件进入Swiper官网：http://www.swiper.com.cn/download/index.html，下载swiper-4.2.2.min.js和swiper-4.2.2.min.css2

火龙谷·2025-04-15 06:30

HarmonyOS：使用Refresh组件实现页面下拉刷新

该组件从APIVersion12开始支持与垂直滚动的Swiper和Web的联动。当Swiper设置loop属性为true时，Refresh无法和Swiper产生联动。二、子组件支持单个子组件。

ChinaDragonDreamer·2025-04-14 23:39

(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用

npminstallnpminstallvue-awesome-swiper@2.6.7--save//或者npminstallvue-awesome-swiper--save引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

AlexKain·2025-04-12 11:14

安卓 RecyclerView的item出实现左滑删除功能

注：Java和kotlin混用了第一种实现方式：自定义view一、自定义RecyclerView--LeftSwipeMenuRecyclerView.javapackage自己的包名;importandroid.content.Context

小趴菜8227·2025-04-11 09:22

JavaScript基础-移动端常用开发插件

一、Swiper-强大的滑动组件简介Swiper是一款专注于移动端的触摸滑动插件，支持多种切换效果如轮播图、卡片布局等。它具有高度的可定制性，适用

難釋懷·2025-04-08 02:46

swiper.js实现叠加轮播效果

文档：swiperjs英文官网https://swiperjs.com/Swiper中文网https://www.swiper.com.cn/在线demo:https://mouday.github.io

彭世瑜·2025-04-05 12:35

用v-for配合swiper渲染图片

{{item.title}}.tabs{padding:.3rem0;}exportdefault{da

DaftJayee·2025-04-05 12:30

uniapp的v-for不显示或者swiper-item的不显示

今天开发的时候碰见一个问题，在布局的时候发现v-for遍历的时候不显示内容H5是正常的但是在小程序就是不显示最后排查的原因是同一个组件swiper-item的v-for不能用相同的名称比如下面在使用v-for

前端小鸡·2025-04-05 11:26

用uniapp写一个滑动切换标签和页面

使用uniapp创建滑动切换标签和页面的步骤如下：在页面的template中添加swiper组件，并设置相关属性。

十三木·2025-04-05 02:56

使用uniapp自带的滑动模块

根据项目需要，所写的滑动首先uniapp自带的扩展组件uni-swipe-action，根据官方文档描述，如果只需要一边能滑动出现选项，保留一边的:right-options="options"即可。

苍风的心上人·2025-04-05 02:25

手把手教你华为鸿蒙开发之第八节

华为鸿蒙开发：Swiper轮播组件详解与实践引言在现代用户界面设计中，轮播图是一种常见的组件，用于展示广告、新闻、产品等信息。

·2025-04-01 00:38

uniapp uni-swipe-action滑动内容排版改造

在uniapp开发中默认的uni-swipe-action滑动组件按钮里的文字都是横排的不能换行的如果是在一些小屏设备比如PDA这种，同时按钮文字又都是4个字多按钮的情况就会发现滑动一下都直接满屏了观看体验都不好但默认的官方组件又没有样式的设置

lyz246859·2025-03-30 12:37

swiper滚动元素闪屏问题解决方案

最近做了一个产品展示H5的网站，用到了一个双向轮播图方法，随后在ios测试中发现滑动过程中有几率出现闪屏问题，最后找到了解决方案，在闪屏的父级元素增加transform:translate3d(0,0,0);overflow:hidden;子元素增加transform:translate3d(0,0,0);这样就可以解决掉了。。。

Hello word!!!!·2025-03-25 06:27

autojs之乐旅商城自动报名自动约

//一键亮屏device.wakeUp();device.wakeUpIfNeeded();sleep(1000);//滑开swipe(device.width/2,device.height*0.8,

恶猫·2025-03-23 20:43

145.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之自定义过渡效果

立方体旋转轮播案例讲解之自定义过渡效果效果演示1.自定义过渡效果概述1.1基本结构customContentTransition({timeout:1000,//超时时间transition:(proxy:SwiperCo

·2025-03-20 23:14

146.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之UI构建与样式

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之UI构建与样式效果演示1.UI结构设计1.1基础布局build(){Swiper(this.swiperController){LazyForEach

·2025-03-20 23:14

简单的左划删除库SwipeDelMenuLayout

简单的左划删除库SwipeDelMenuLayout1，导入依赖implementation'com.github.mcxtzhang:SwipeDelMenuLayout:V1.2.1'2，在适配器的

王的备忘录·2025-03-19 22:31

vue3使用swiper7

vue3中使用swiper7基本使用swiper导入Swiper导入组件import{Swiper,SwiperSlide}from'swiper/vue/swiper-vue.js';导入需要使用到swiper

我承认都是月亮惹的祸·2025-03-19 22:58

实现短视频播放功能鸿蒙示例代码

介绍本示例使用Swiper+AVPlayer构建了一个短视频上下滑动并播放的场景。实现短视频播放功能源码链接效果预览使用说明打开应用，直接播放第一条短视频。

·2025-03-19 11:28

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

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签-uview-plus3.0-uni-appUI框架{{item.name}}import{onMounted

浮桥·2025-03-17 18:56

77.HarmonyOS NEXT ImageViewerView 组件深度剖析： Swiper容器与懒加载深度解析

#HarmonyOSNEXTImageViewerView组件深度剖析：Swiper容器与懒加载深度解析一、组件基础结构@ComponentexportstructImageViewerViewComponent

·2025-03-15 23:43

Flutter中使用image_picker拍照并上传

flutterflutter_localizations:sdk:flutterdate_format:^1.0.6flutter_cupertino_date_picker:^1.0.26+2flutter_swiper

aiguangyuan·2025-03-14 21:29

Vue组件通信

/components/Xxx.vue'App.vue:importSwiper1from'./components/Swiper.vue'exportdefault{compo

星星不打輰·2025-03-12 16:36

【HarmonyOS NEXT应用开发】案例89：基于Swiper的页面布局

场景一：Swiper页面支持自定义动画方案：给Swiper组件设置.nextMargin(50).prevMargin(50)属性。

青少年编程作品集·2025-03-12 02:23

HarmonyOS鸿蒙开发指南:容器组件 swiper开发指导

目录创建Swiper组件添加属性设置样式绑定事件场景示例创建Swiper组件在pages/index目录下的hml文件中创建一个Swiper组件。

人工智能_SYBH·2025-03-12 02:49

【HarmonyOS NEXT】swiper中图片高度不一致时，如何设置居中

【问题描述】在swiper中设置image，当图片高度不一致时，无法居中显示。【解决方案】可以在image外嵌套一层Flex，设置居中，且高度为100%。

Mayism123·2025-03-12 02:47

鸿蒙HarmonyOS开发中的知识：Swiper组件

这个对应HarmonyOS应用开发就需要我们用到Swiper组件，本篇我们就此组件进行介绍。Swiper组件介绍1，滑块视图容器，提供子组件滑动轮播显示的能力。该组件从APIVersion7开始支持。

代码中的爱马仕·2025-03-12 02:17

HarmonyOS NEXT开发实战：轮播Banner组件封装

前言轮播图在每个项目中都很常见，鸿蒙中在容器组件中也提供了Swiper组件，用于子组件滑动轮播显示，和前端的使用起来也是异曲同工，我们先看下基本的用法。

太空人_喜之郎·2025-03-12 01:47

从零用java实现小红书 springboot vue uniapp （2）主页优化

前面的文章我们基本完成了主页的布局今天我们具体的去进行实现并且分享我开发时遇到的问题首先先看效果java仿小红书主页实现效果为1.顶端全屏切换2.上划加载更多3.下拉当前页整体刷新顶端全屏切换我们选择gui-switch-navigation结合swiperswiper-item

顽疲·2025-03-09 10:26

鸿蒙OpenHarmony【Swiper】ArkTS滚动与滑动

Swiper子组件的visibility属性设置为None，Swipe

耍帅的村口黄毛·2025-03-08 18:54

标题：打造现代Web体验：React-Swipeable深度解析与应用指南

标题：打造现代Web体验：React-Swipeable深度解析与应用指南项目地址:https://gitcode.com/gh_mirrors/re/react-swipeable项目介绍React-Swipeable

邬筱杉Lewis·2025-03-06 10:05

HarmonyOS NEXT 轮播组件Swiper的学习和总结

privateswiperController:SwiperController=newSwiperController()Swiper(this.swiperController){ForEach(this.list

·2025-03-05 16:19

【HarmonyOS】日历组件详细日界面组件

在业内大佬的指导下，使用了两个swiper组件分别实现周和日的切换，实现了想要的效果，如下：代码DayViewPage/***周天数*/import{DateUtil}from'../Utils

·2025-03-04 18:38

uni-app实现用接口编写新闻

二、uni-app官网上（官网）有各种可以学习组件包括内置组件、常用的有：视图容器组件里的，view,scroll-view,swiper等，还有表单组件，如button、f

2021级计算机应用技术1班-童秀萍·2025-03-04 09:23

【性能优化】uni-app小程序中swiper-item图片预加载

项目场景：在开发壁纸小程序的时候遇到这样一个场景，通过壁纸缩略图页面跳转至壁纸大图页面，需要一次载入的图片太多，这样就需要swiper里需要很多swiper-item，如此一来渲染的时候就会很消耗性能和网络带宽

Hugh106·2025-03-02 20:09

HarmonyOS Next典型布局案例：运营横幅（Banner）

而Swiper组件则是实现Banner轮播效果的得力助手。今天，咱

·2025-02-26 19:02

自动化的抖音

auto.service){toast("请开启无障碍服务");auto.waitFor();}varisRunning=true;varswipeCount=0;vartargetSwipeCount

luckycoke·2025-02-20 10:42

react-native-swiper active dot无法更新解决方案

问题描述一个轮播图组件，展示网络图片，为了避免闪屏，先用本地默认图片作为占位符。{previewUrl.length>0?({previewUrl.map((item,index)=>())}):()}结论占位符必须在2张以上，不然react-native-swipper会认为当前激活的index一直为0。{previewUrl.length>0?({previewUrl.map((item,in

xiangjiu99287·2025-02-15 17:39

Flutter 常用第三方工具包

Flutter常用第三方工具包1、dio:^2.0.7-->网络通讯2、flutter_swiper:^1.1.4--> 轮播组件3、provide:^1.0.2--->广播接收者、实现主题切换和国际化

梦想之家xiao_chen·2025-02-13 03:34

swiper横向轮播（阶梯式滚动轮播）未生效

问题描述版本问题使用swiper4以上的版本可以解决该问题，4以上的swiper采用了this指向。

吉水于人·2025-02-11 14:13

安卓/IOS脚本开发按键精灵滑动命令小技巧

这都是对于划动，也就是Swipe的应用不当产生的问题。一个

ii_best·2025-02-09 02:20

【项目推荐】Vue-Picture-Preview：轻量高效的图片预览解决方案

今天，我们来深入探讨一个专为Vue.js设计的友好图片预览插件——Vue-Picture-Preview，它基于强大的PhotoSwipe库，旨

张姿桃Erwin·2025-02-06 15:11

笔记day4

开发Search模块中的TypeNav商品分类菜单（过渡动画效果）3商品分类三级列表可以进行优化4合并params与query参数5开发Home首页中的ListContainer组件与Floor组件6swiper1

子非鱼921·2025-02-01 02:19

uniapp 自定义图片预览组件PicturePreview（Vue3、组合式、ts）

from'vue';constimages=ref>([]);constcurrentIndex=ref(0);constshow=ref(false);constscale=ref(1);functiononSwiperChange

舍予一·2025-01-30 17:10

CSS：跑马灯

.swiper-container{width:100%;overflow:hidden;padding:0.4rem;position:relative;}.swiper-wrapper{display

sunly_·2025-01-29 03:10

推荐频道