swiper轮播

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

最近做了一个产品展示H5的网站，用到了一个双向轮播图方法，随后在ios测试中发现滑动过程中有几率出现闪屏问题，最后找到了解决方案，在闪屏的父级元素增加transform:translate3d(0,0,0
Hello word!!!!·2025-03-25 06:27

前端实例：轮播图效果

利用HTML、CSS和JavaScript实现轮播图效果。
2301_81535770·2025-03-24 06:14

echarts地图tooltip自动轮播

echarts的tooltip按数据轮播核心代码varmycharts=echarts.init(this.
爬_·2025-03-21 22:14

echarts tooltip 自动轮播

一、效果展示二、使用步骤代码如下（示例）：data(){return{setInterval:''}},constmyChart=this.$echarts.init(document.getElementById("id"))letoption={tooltip:{//鼠标滑过配置项},//其他配置项}myChart.setOption(option)letidx=1this.setInterv
前端bug工程师·2025-03-21 22:42

echarts的tooltip自动轮播，dataZoom同步轮播

功能：tooltip轮播时，dataZoom也同步轮播，并且鼠标放上去之后，停止轮播；鼠标移出后重新触发轮播；封装成一个函数，直接用就行，代码如下：/*myChart：创建的图表实例startValue
小智玩前端·2025-03-21 21:34

HarmonyOS实战开发-如何打造购物商城APP。

下面介绍一下商城的主要模块：首页1，搜索框，点击进入搜索页面2，顶部分类，通过不同分类查询对应信息3，广告轮播，自动切换图片，可以进行点击进入4，商品列表，展示每个项
码牛程序猿·2025-03-21 12:49

141.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之IDataSource接口实现

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之IDataSource接口实现效果演示1.IDataSource接口概述1.1接口作用IDataSource接口定义了数据源的标准接口，提供了
·2025-03-21 07:00

140.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之DataChangeListener接口

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之DataChangeListener接口效果演示1.DataChangeListener接口概述1.1接口定义interfaceDataChangeListener
·2025-03-21 03:25

137.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之数据监听器管理

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之数据监听器管理效果演示1.监听器管理方法1.1注册监听器registerDataChangeListener(listener:DataChangeListener
·2025-03-21 03:54

156.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之事件处理机制

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之事件处理机制效果演示1.事件系统概述1.1事件类型点击事件滚动事件动画事件状态变化事件1.2事件处理方式//点击事件处理.onClick(
·2025-03-21 03:20

152.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之Banner模块实现

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之Banner模块实现效果演示1.Banner模块结构1.1基础布局@BuilderbannerModule(){Column(){Text
·2025-03-20 23:45

149.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之状态管理与数据结构

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之状态管理与数据结构效果演示1.状态管理系统1.1状态装饰器//全局状态@StorageLink('avoidAreaBottomToModule
·2025-03-20 23:14

150.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之生命周期与初始化

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之生命周期与初始化效果演示1.生命周期概述1.1组件生命周期@ComponentexportstructCubeRotateAnimationSamplePage
·2025-03-20 23:14

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

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之自定义过渡效果效果演示1.自定义过渡效果概述1.1基本结构customContentTransition({timeout:1000,//
·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

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

135.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之数据源基础概念

HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之数据源基础概念文章目录HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之数据源基础概念效果演示1.什么是BasicDataSource
全栈若城·2025-03-19 07:59

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

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签-uview-plus3.0-uni-appUI框架{{item.name}}import{onMounted
浮桥·2025-03-17 18:56

工业相机视频播放(RTSP)

模拟测试：两张图在rtsp上进行轮播
CHHC1880·2025-03-17 01:17

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

#HarmonyOSNEXTImageViewerView组件深度剖析：Swiper容器与懒加载深度解析一、组件基础结构@ComponentexportstructImageViewerViewComponent
·2025-03-15 23:43

Android - ViewPager 从基础到进阶

ViewPager的基础介绍PagerAdapter+FragmentPagerAdapter&FragmentStatePagerAdapter与Fragment+TabLayout的联动使用Banner轮播图自定义切换动画首次登录引导界面闲话少说
whd_Alive·2025-03-14 22:15

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

大厂前端实战之如何实现精确的setInterval

它常用于定时执行某些任务，比如轮播图、定时刷新数据等。然而，setInterval在一些高频率或复杂应用场景下，可能会出现误差，导致任务执行不精确，甚至错过预定的执行时间。
代码简单说·2025-03-14 00:57

《HTML + CSS + JS 打造炫酷轮播图详解》

《HTML+CSS+JS打造炫酷轮播图详解》一、项目概述本次项目旨在使用HTML、CSS和JavaScript实现一个具有基本功能的轮播图，包括图片自动轮播、上一张/下一张按钮切换、小圆点指示与切换等功能
ningmengjing_·2025-03-13 00:26

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

web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript

‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli
IT-司马青衫·2025-03-11 14:11

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

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

基于SpringBoot+Vue的在线电影购票系统的设计与实现

电影详情、选座购票、正在热映、即将上映、影院、排行榜、影视快报、平台公告、个人中心、我的收藏、想看、改签、评论、排行等功能管理员：登录、首页、国家地区管理、电影类型管理、电影管理、行政区管理、影院品牌管理、轮播图管理
Java凸机队·2025-03-09 01:39

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

Swiper子组件的visibility属性设置为None，Swipe
耍帅的村口黄毛·2025-03-08 18:54

HTML+CSS+javascript 轮播图

HTML，CSS和JavaScript可以用来创建轮播图。HTML用于构建网页的结构，所以您可以使用HTML来定义轮播图的各个部分，如图像和文本。
Paula-柒月拾·2025-03-07 07:12

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

2025年最新JAVA羽毛球篮球运动场地预约管理系统毕业设计 开题报告_毕设篮球馆预约管理系统的开题报告中的研究方法

系统设置：设置关于我们、联系我们、加入我们、法律声明广告管理：设置小程序首页轮播图广告和链接留言列表：所有用户留言信息列表，支持删除会员列表：查看所有注册会员信息，支持删除资讯分类：录入、修改、查看、删除资讯分类录入资讯
2401_89678765·2025-03-02 12:03

什么是轮播图？如何实现轮播图？有几种方法？

轮播图（Carousel或Slider）是一种图像展示组件，用于在网页或应用中以动画效果展示多张图片或其他内容。用户可以手动控制轮播图的播放，也可以设置自动切换功能。
妮在想什么·2025-03-01 08:58

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

而Swiper组件则是实现Banner轮播效果的得力助手。今天，咱
·2025-02-26 19:02

rabbitmq 同步策略_数据同步解决方案-canal与rabbitmq

的基本使用方法能够完成商品上架索引库导入数据功能，能够画出流程图和说出实现思路能够完成商品下架索引库删除数据功能，能够画出流程图和说出实现思路该工程使用lua+nginx+rabbitmq+redis等技术的第一个主要目的是实现轮播图的读取
weixin_39996739·2025-02-26 08:51

【前端】react+ts 轮播图的实现

一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。
Loong_DQX·2025-02-26 06:03

Processing模块的全面应用指南：从此踏上Processing斗帝的修炼之路，接单代做不再遥远！

Processing模块的全面应用指南在这篇文章中，我们将探索如何在Processing中使用各种模块来创建互动和视觉效果，包括麦克风输入、字体处理、音乐轮播、图片和视频播放以及粒子系统的应用。
帅小柏·2025-02-24 08:37

【微信小程序】3D效果轮播图

效果图：
cdgogo·2025-02-20 10:42

微信小程序之自定义轮播图实例 —— 微信小程序实战系列（3）

由于微信小程序，整个项目编译后的大小不能超过1M查看做轮播图功能的一张图片大小都已经有100+k了那么我们可以把图片放在服务器上，发送请求来获取。
2401_84910072·2025-02-20 10:37

轮播图html

题十二：轮播图要求：1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示；2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上
The_era_achievs_hero·2025-02-18 07:18

【含文档+PPT+源码】基于微信小程序的乡村振兴民宿管理系统

：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用民宿管理系统的重要核心功能包括用户管理、客房管理、客房评价管理、订单管理、首页轮播图管理和商家管理等
小咕聊编程·2025-02-18 01:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他