Swiper

微信小程序swiper上下循环滚动

今天周五了耶~官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html1、让swiper上下滚动：vertical
绿啊绿啊绿刺猬·2023-11-22 07:48

uniapp中swiper 轮播带左右箭头，点击切换轮播效果demo(整理)

可以点击箭头左右切换-进行轮播exportdefault{data(){return{swiperList:[{image:"http://www.jq22.com/img/cs/500x500-9.png
兜里只有三分钱~·2023-11-22 07:05

swiper---指示器加上过渡动画

swiper---指示器加上过渡动画主要体现的功能：1.指示器会跟随轮播图出现类似进度条的，每个轮播图的过渡时间就是下面一个指示器执行完毕动画需要的时间2.上一页、下一页的切换也会带动指示器动画及加载完的变化
Start_t·2023-11-22 03:46

微信小程序开发实战课后习题解答————第三章（作业版）

一、填空题1、微信小程序中用navigationBar组件可以实现导航栏2、微信小程序中能够实现轮播效果的组件是swiper3、微信小程序中实现滚动条事件的绑定方法是bindscroll4、微信小程序中引入音频的组件是
枫琳晚·2023-11-21 14:46

微信小程序学习笔记

一、简介1、组件视图容器view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果scroll-view可滚动的视图区域常用来实现滚动列表的效果swiper和swiper-item
winnerFly·2023-11-20 20:14

Vue CLI——Vue Router路由 & swiper插件 & Echarts使用

一、VueRouter路由VueRouter是Vue.js官方的路由管理器，可以实现页面的跳转。1、安装npminstallvue-router2、导入vue-routerimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)3、创建路由器//导入页面组件importHomefrom'./pages/Home.vue'
叽里咕呱·2023-11-20 15:38

基于swiper的缩略图轮播

效果图示.jpg首先引入swiperhtml部分css样式部分.view.swiper-container{height:620px;width:100%;}.view:hover.arrow{display
攻城仕·2023-11-20 07:40

uniapp-轮播图点击预览功能

实现效果点击后打开预览图实现代码=1"class="swiper"autoplay="true"duration="500"interval="2000"@change="changeSwiper">methods
爱健身的小刘同学·2023-11-19 23:42

swiper 轮播库实现3D横向焦点图效果（旋转木马）

swiper是一个轮播库，基本上解决80%的需求，最近需要写的一个3d的横向焦点图，可以理解为旋转木马的效果，因为手撸旋转3D太累，所以使用了swiper的库实现了这个简单的效果需求效果图最终成果刚开始看到这个效果图
三金_e347·2023-11-19 20:40

uni-app swiper设置自定义高度

大家可以在uni-app官网上看到swiper高度是默认100%，而swiper-item则是要有固定宽高的，要的效果是什么呢？
前端菜鸡儿126·2023-11-19 12:47

uniapp学习二——组件（一）

view基本容器scroll-view滑动组件swiper轮播图组件match-media类似于网页开发中使用媒体查询来适配大屏小屏，match-media是一个可适配不同屏幕的基本视图组件。
口琴浪人·2023-11-19 03:46

微信小程序开发及开发中遇到的问题小总结

开始咯2.2.3安装微信开发者工具2.2.4创建小程序三微信小程序开发过程中遇到的问题：3.1获取图形验证码3.2背景图片的设置3.3动态标题的设置3.4wx.navigateBack3.5微信小程序swiper
woowen！·2023-11-19 02:34

【微信小程序】小程序实现轮播图效果--swiper组件(一步步教你如何实现)

文章目录前言1、引入外部链接图片资源2、让swiper来调整适应图片的宽高3、实现轮播效果--autoplay总结欢迎点赞，收藏，加关注前言此例子是用微信小程序组件swiper来实现轮播图效果小tips
Danli.·2023-11-19 00:20

【VUE】微商城（四）----封装轮播图组件,axios安装使用

微商城源码微商城后端接口项目以及部署说明包含API接口说明文档1、在components文件夹下新建SwiperView.vue文件，并添加基本结构如图所示：2、打开mint-ui文档找到轮播图组件mint-uidocumentation
攻城狮·建哥·2023-11-18 21:23

vue安装使用swiper

安装swiper3版本npminstallswiper@3--save-dev卸载swipernpmuninstallswiper需要的页面引入或者main.js引入importSwiperfrom'swiper'import'swiper
maoge_666·2023-11-18 19:50

再次使用vue-awesome-swiper做异形轮播

先上效果图依旧是面对百度编程，在vue中使用swiper最重要的就是用对版本，npmi了几个版本后有各种细节问题，最后找到最佳组合vue-awesome-swiper@3.1.3swiper@4.5.1npminstallswiper
哪有人敲代码不戴头盔的·2023-11-16 23:38

微信小程序之生成图片保存到相册

2、使用swiper组件展示海报，3、将海报通过wx.createCanvasContext绘制到
烂泥也能扶上墙·2023-11-16 13:17

如何使Swiper的无限自动轮播更流畅，没有停顿感！

相信大家都用过Swiper的无限自动轮播吧，虽然基本的功能能满足大部分需求，但是它轮播的时候明显有停顿感，这个时候给别人的视觉感受就不是很好了。我之前就遇到过，客户说能不能把停顿感优化掉。
前端-小白123·2023-11-16 06:49

Swiper.js实现无缝滚动

1.引入Swiper.js其他获取方式通过NPM获取Swiper$npminstallswiperswiper.js下载路径：下载Swiper-Swiper中文网Swiper各版本的下载地址，Swiper
欢喜~999·2023-11-16 06:48

swiper在vue项目中loop循环轮播失效

我在使用vue-awesome-swiper进行列表轮播，但是是滑到最低端无法实现无限循环。
bigfatDone·2023-11-16 06:17

Swiper8在Vue3中使用loop不显示的解决方法

问题描述在项目中使用到了Vite+Swiper8版本为vue使用Swiper8的入门教程请点击Vue+Vite使用Swiper8因为其中需要用到loop循环播放轮播图，所以在使用时按照步骤：Slide1Slide2Slide3
瓜虫不是虫·2023-11-16 06:46

【Vue】Vue3 Swiper 插件 loop 无限滚动、并且暂停的问题

上午把官网的合作伙伴做了，好坑，swiper自动滚动展示的数量slides-per-view的两倍必须小于等于*SwiperSlide*组件的渲染数量，才能进行自动滚动，官网居然都没有说。
努力挣钱的小鑫·2023-11-16 06:42

unapp 轮播图自定义文本自动跟随切换（支持H5、APP）

布局：{{item.title}}{{item.title}}{{item.title}}{{item.title}}样式：.swiperLayout{width:100%;position:relative
爱技术爱游戏·2023-11-16 04:05

BUU刷题记4

title:BUU刷题记4date:2022-06-2717:47:28tags:[报错注入,文件包含漏洞,MD5碰撞,PHP数据类型比较,文件读取]description:就是刷嗷嗷嗷swiper_index
Kanyun7·2023-11-15 14:02

Vue3+TS手写音乐播放器

、循环遍历左侧菜单列表二级菜单：两层遍历简单举例：项目写法：****项目中将ts抽离出来，专门放一个ts文件：三、点击左侧菜单，右侧跳转相对路由：四、点击左侧菜单时的样式：router里设置五、轮播图swiperyarnaddswiper-S
青铜小菜姬·2023-11-15 03:13

JavaScript移动端的手指触摸touch事件

touchstart触摸发生事件touchend触摸结束事件touchmove触摸移动事件touchcancel触摸取消事件自定义事件自定义轻触事件方法touchtap自定义左右划动事件方法touchswiper
伍嘉源·2023-11-14 12:12

前端学习第二十七课（移动端触屏事件）

1.2.2.案例分析:1.2.3classList属性1.3.案例：返回顶部1.3.1.案例分析1.4.click延时解决方案1.5.移动端常用开发插件1.5.1.什么是插件1.5.2.插件的使用1.5.3.Swiper
HM-hhxx！·2023-11-14 12:31

微信小程序广告banner、滚动屏怎么做？

使用滑块视图容器swiper和swiper-item可以制作滚动屏，代码如下：wxml:                                      wxss:swiperimage{width
句号（在IT行业摸爬滚打）·2023-11-14 05:33

商品管理 swiper设置删除实现

搜索添加商品<el-table-columnprop
c++开发工程师·2023-11-14 03:02

视频 + 轮播 uniapp

exportdefault{data(){return{isapp:false,swiperIdx:0,//商品数据goods:{video:{url:"https://mp-b35bac59-8c68
织_网·2023-11-13 18:46

Vue中的scoped 的 样式穿透

但如果想修改组件中引用的其他组件的样式时就需要利用scoped的穿透，或者scoped看起来很好用，当在Vue项目中，当我们引入第三方组件库时(如使用vue-awesome-swiper实现移动端轮播)
子龙不在常山hhh·2023-11-13 17:26

兼容iphone(ios)圆角（border-radius）不起作用的问题

一、出现场景：使用mosowe-swiper：适用于uni-app的轮播图插件，圆弧无效ios手机会在transform的时候导致border-radius失效解决方法：在使用动画效果带transform
Min_nna·2023-11-13 15:16

uni-app DAY06

视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器(navigator)、轮播(swiper
BlueMozeer·2023-11-13 02:44

uni-app DAY08

view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器/超链接(navigator)、轮播(swiper
BlueMozeer·2023-11-13 02:44

react封装函数_如何在react中封装echarts

本文以echarts3.x版本为例，通过分析echarts-for-react源码介绍如何在react中封装使用echarts目录为什么要封装旧的思维习惯了在jquery开发模式下导入echarts、swiper
斜杆体制人吴聊先生·2023-11-12 12:40

微信小程序wx.request()方法封装及状态码的处理

http.js的js文件***config.js文件constconfig={api_base_url:'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata
冷太阳a·2023-11-12 08:11

【无标题】

active':''}}注意空格哈,否则没有效果swiper滚动内容里面滚动12121212注意swiper轮播图,横向纵向,scroll-x/y,事件bindscollscoll确定里面比外面大内容超出屏幕
白天的我最菜·2023-11-12 08:36

微信小程序轮播组件（swiper）

小程序轮播代码//json代码page({data:{img:[{“url”:“img/1242x366-1531449084.jpg”},{“url”:“img/1242x366_djj_0706-1530871651.jpg”},{“url”:“img/1242x366_lyx_0709-1531122892.jpg”},{“url”:“img/14540040236323_1_o.jpg”}
浅色的夏沫·2023-11-11 16:39

小程序轮播，上下两层图片，底层渐变淡入淡出，上层动画划入效果

第一个思路：用微信小程序的组件，swiper实现上层透明照片的轮播效果，底层的照片根据swiper组件的bindchange,bindtransition,bindanimationfinish三个方法组合使用来实现轮播左右滑动的过程中
alessia_wang·2023-11-11 16:32

uniapp和微信小程序的区别

1、页面标签基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可原生写法：wx.request、wx.showModal、
木木木和小琳琳·2023-11-10 13:10

7.27 web前端-淘宝首页设计3

上半部分盒子左边很好解决，用ul列表然后设定字体格式等内容，右边的上部分盒子用列表加浮动解决，下面的左边是轮播图，在初期我们的解决方法是用swiper插件来运转轮播图，需要我们去官网下载，然后插入图片，
执笔绘江山·2023-11-10 00:52

React 中使用Swiper轮播

1.导入swiper第三方包npmiswiper--save2.swiper版本号是8.3.03.导入swiper相关组件函数import{Swiper,SwiperSlide}from'swiper/
wo可飒·2023-11-09 23:03

react 使用swiper 横向无限滚动

安装：注意：@types/swiper-npm已废弃中文官网：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发1.新的使用方式注意：安装此版本npminstallswiper@6.8.4，否则会报错找不到
xueer43·2023-11-09 23:03

2022-12-09 工作记录--React/JS-用swiper实现多行交错、同速、跑马灯效果的弹幕式轮播（总）+ 将一个含未知个数内容的数组，划分成num份

【一】、React-用swiper实现多行交错、同速、跑马灯效果的弹幕式轮播（总）一、实现效果数据轮播（三行交错、同速、跑马灯效果），动图如下：二、配置swiperreact-swiper81、安装swiper8npmiswiper
小呀小萝卜儿·2023-11-09 23:02

使用Swiper不正常滚动或能一直无限滚动的问题

上面就是我遇到的问题因为加了这个隐藏，可能和Swiper插件中的样式起冲突了1.看需不需要这样式如果不需要就去除该样式就会生效2.进行条件判断如果是当前的index就使用Swiper插件。
weixin_45754070·2023-11-09 23:32

Swiper实现正反向无缝轮播（跑马灯）

Swiper实现正反向无缝轮播（跑马灯）附上Swiper官方文档：https://www.swiper.com.cn/api/index.html1.首先加载插件，需要用到的文件有swiper-bundle.min.js
神树与鹿·2023-11-09 23:01

React实现图片轮播

React实现图片轮播//SwiperImg.tsximportReact,{useReducer,useRef,useState}from'react'importstylesfrom'.
艾贝尔白音·2023-11-09 23:01

React中使用Swiper插件实现循环和自动播放

1.引入什么部分在官网上复制粘贴就不说了（下载swiper模块到开发环境npminstallswiper--save-dev）2.循环looppagination={{"clickable":true}
头发终结者1·2023-11-09 23:30

React swiper 及轮播实现

importSwiperfrom"swiper"import"swiper/swiper-bundle.css"import{Component}from"react";importSwiperCore
穿着裤衩吃火锅·2023-11-09 23:30

React Native Swiper 轮播图简单用法

1.首先npminstallreact-native-swiper2.其次react-nativelink3.最后引入下方的相关属性ok}activeDot={}>
上善 若水·2023-11-09 23:30
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他