Swipe

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

Flutter APP开发学习记录: flutter_swiper轮播图

说点儿闲话大部分app都有轮播图，一般是展示一些新闻公告通知等图片，在flutter最强大的siwiper,多种布局方式，无限轮播，Android和IOS双端适配，github：flutter_swiper

叮小黑·2025-01-26 11:01

swiper移入暂停_用Swiper插件实现无缝轮播的品牌展示，鼠标移动停止，鼠标移出无缝移动视觉效果...

2、使用的是优秀的轮播插件Swiper3.0版(实际上S

weixin_39726971·2025-01-24 09:58

点击图片浏览大图（sui框架）

项目中经常遇到点击图片或者点击相册浏览大图的情景，SUI框架自带swiper滚动的效果，详情见http://m.sui.taobao.org/中的拓展组件--图片浏览器的效果，在项目中需要做到点击图片出现图片浏览器而不是点击固定的按钮

this_ITBoy·2025-01-21 21:42

【# 鸿蒙中轮播图Swiper导致预览器/模拟器崩溃】

鸿蒙中轮播图Swiper导致预览器/模拟器崩溃背景从服务器获取轮播图数据，在Swiper中遍历并渲染时，预览器卡死，无报错原因使用aboutToAppear()从接口请求数据，Swiper处理数据时，数据还为空解决办法

m0_5南风·2025-01-17 17:13

HarmonyOS开发实战（ Beta5.0）搜索框热搜词自动切换

（从零基础入门到精通）介绍本示例介绍使用TextInput组件与Swiper组件实现搜索框内热搜词自动切换。效果图预览使用说明页面顶部搜索框内热搜词条自动切换，编辑搜索框时自动隐藏。

让开，我要吃人了·2024-09-16 03:36

bat批处理循环执行adb命令

ping-n2127.0>nul等待2s:one::adbshellinputswipe90010007001000adbshellinputkeyevent25%KEYCODE_VOLUME_DOWN

erhtre·2024-09-15 10:51

微信小程序之轮播图组件封装

目录封装组件——mp-rotationchat组件的属性与方法——swiper-rotation-chat.js组件的引入使用封装组件——mp-rotationchat文件目录components（所有组件位置

鱼在在·2024-09-14 08:54

EP6 同一组件通过传递不同属性展示不同效果

公告文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容每日推荐专题精选More+.homeLayout{.banner{width:750rpx;padding:30rpx0;swiper

京城五·2024-09-12 22:14

记录-小程序720°VR（跳转H5页面实现）

3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax

久违的小技巧·2024-09-08 04:05

JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage

目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN

垦利不·2024-09-08 02:53

适用于多种设备的的滑块幻灯片插件--jquery插件Swiper

下面是其中效果：使用方法1：引入jq库2：引入Swiper文件：3：引入Swipe基本样式：4：写入html：4.1：比较完整的html：左右箭头轮播图片轮播图片上的内容SlidewithHTMLYoucanputanyHTM

吴杼恩·2024-09-05 00:34

jquery swiper插件的用法

一、Swiper插件简介Swiper是一个纯JavaScript打造的滑动特效插件，面向手机、平板电脑等移动终端，同时也支持桌面浏览器。

A_aspectJ项目开发·2024-09-04 23:32

swiper监听左滑还是右滑动

Swiperdemo<linkrel="stylesheet"

weixin_34240520·2024-09-04 02:45

uniapp判定用户是向左滑还是向右滑

一个简单组件定义的该组件名称swiper-direct-com(自己可以随便命名)exportdefault{name:"swipe-direct-com",data(){return{//记录开始位置

叶林染·2024-09-04 02:15

微信小程序轮播图

微信小程序swiper组件轮播图照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,

爱斯基摩白·2024-09-01 03:30

android 下拉刷新，androidx.swiperefreshlayout:swiperefreshlayout:1.1.0

介绍`androidx.swiperefreshlayout:swiperefreshlayout:1.1.0`是Android中一个常用的组件，用于实现“下拉刷新”功能。

No Promises﹉·2024-08-31 09:03

鸿蒙界面开发（十）：轮播 (Swiper)图布局&宽高比例apsectRatio

轮播——Swiper组件Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。

weightOneMillion·2024-08-30 23:49

Swiper插件之如何使用.swiper-pagination-bullet和.swiper-pagination-bullet-active快速修改自定义分页器样式

适用场景：希望将Swiper插件中分页器的默认样式(小圆蓝点)，替换成自己的图片(小图标)解决方法：在初始化轮播图中配置监视器：observer:更改swiper的样式(隐藏/显示)或修改其子元素(添加

潇xiao雨未歇·2024-08-30 17:41

ArkTs之:数据懒加载——LazyForEach的用法

使用限制LazyForEach必须在容器组件内使用，仅有List、Grid、Swiper以及WaterFlow组件支持数据懒加载（可配置cachedCount属

孤舟蓑影·2024-08-28 22:52

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{

总萌大人·2024-08-23 05:52

微信小程序swiper 视频中间大，两边小，轮播滑到中间视频自动播放组件教程

1:0}}"previous-margin="255rpx"next-margin="255rpx"bindchange="swiperChange">2、wxss.swiper-wrapper{flex

Garc·2024-02-20 15:13

微信小程序的常用组件

目录一、常用的视图容器类组件①view②scroll-view③swiper和swiper-item二、常用的基础内容组件①text②rich-text三、其它常用组件①button②image③navigator

一指流沙q·2024-02-20 13:11

微信小程序常用组件

文章目录微信小程序常用组件buttoniconimagescroll-viewswipercheckboxaudiovideo微信小程序常用组件button简单使用wxmldefaultminiprimarywarnplaindisabledloading

xiangxiongfly915·2024-02-20 13:11

微信小程序之开发会议OA项目

目录前言本篇目标首页会议投票个人中心会议OA项目-首页配置tabbarmock工具pageswiper会议信息会议OA项目-会议自定义tabs组件会议管理会议OA项目-投票会议OA项目-个人中心前言文章含源码资源

空空_k·2024-02-20 10:03

微信小程序关于swiper bindChange重复执行的问题

问题：快速滚动swiper，导致出现一卡一卡或者来回滚动的效果。

小丶侯·2024-02-20 07:15

鸿蒙开发系列教程（二十一）--轮播处理

轮播处理Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示在自身尺寸属性未被设置时，会自动根据子组件的大小设置自身的尺寸参数：通过loop属性控制是否循环播放，该属性默认值为

huazi99·2024-02-20 05:50

Uni-App从入门到实战

globalstyle2.page常用3.tab常用4.启动模式condition四、组件1.内置组件uniapp组件视图容器view===>divscroll-view滚动标签必须给该标签设置宽或高swiperswiper-item

小白入道·2024-02-19 21:53

推荐频道