Swiper

微信小程序实现卡片层叠滑动

向相应方向移动一个卡片位置；2.点击某一项时，将点击项位置移动到中间位置；代码如下：wxml：                                    css：/*index/gun/jsSwiper2
·2022-05-23 18:11

学习Vue之旅：Day8——网易云实战遇到的问题

在Vue中引入swiper.js:axios：如何调用后端的api来获取轮播图？通过api获取到banner图之后，如何展示在elementui的走马灯那个轮播图上？
zhengsweet·2022-05-22 17:29

vue2使用轮播组件swiper

项目界面展示效果20220519_103142.gif使用"vue-awesome-swiper":"^3.1.3"组件（最好对应版本）npminstallvue-awesome-swiper@3.1.3
时间煮鱼·2022-05-21 08:22

微信小程序（上）

微信小程序常见的组件view,text,rich--text,button,image,navigator,icon,swiper,radio,checkbox。
BloggerM·2022-05-20 12:33

基于Vue3实现旋转木马动画效果

做的比较丑最后图片本来打算用vue-carousel-3d这个组件的，但是这个组件一直报源码错误，修改了半天也没有解决效果图实现代码使用了swiper组件html部分代码国省干道自行车系统桥梁城市快速路结果集成高速公路自行车系统
·2022-05-10 09:53

vue3.0 实现旋转木马

做的比较丑最后图片本来打算用vue-carousel-3d这个组件的，但是这个组件一直报源码错误，修改了半天也没有解决使用了swiper组件html部分代码国省干道自行车系统桥梁城市快速路结果集成高速公路自行车系统
zhazhali_fenqi·2022-05-08 13:47

vue项目打包优化方式(让打包的js文件变小)

目录我使用的命令是vueui可视化打包操作进入可视化面板需要通过vue.config.js来配置.js文件中,导致该js文件过大通常在一个vue项目中会用到很多插件什么，swiper,axios,vuerouter
·2022-04-30 16:22

前端（jquery）+ 后端（nodeJS）+数据库（mysql）实现云点餐

效果主页购物车用户界面商品详细介绍实现方法项目前端采用了jquery，并还引入了轮播图插件swiper用来制作轮播效果用户进入主界面时，前端采用ajax技术向后端请求轮播图和商品信息用户点击搜索时，后端根据用户搜索返回相应信息在商品信息页面
鹏程933·2022-04-30 14:47

《目录》

更新到3401、MD5在项目中的加密のmd5单向加密02、vue-组件化の封装组件、引用组件03、微信小程序开发のswiper图片组件04、微信小程序开发の底部路由导航05、less的安装与使用06、路由跳转之二级路由
郑先森·2022-04-29 16:43

vue修改swiper框架轮播图小圆点的样式不起作用的解决

目录swiper框架轮播图小圆点样式不起作用不要加scopedswiper小圆点默认样式改变swiper框架轮播图小圆点样式不起作用不要加scoped下面是错误写法 .swiper-pagination-bullet-active
·2022-04-29 12:38

JS 实现 swiper

demo*{padding:0;margin:0;box-sizing:border-box;}#swiper{width:960px;height:400px;position:relative;margin
·2022-04-26 14:03

移动应用开发——“音乐”小程序项目

“音乐”小程序项目开发实战实验目的①掌握swiper组件的使用②掌握scroll-view组件的使用③掌握image组件的使用④掌握slider组件的使用⑤掌握音频API的使用实验环境①Windows10
张家的鱼摆摆·2022-04-23 01:57

微信小程序 第三章 “音乐”小程序项目

mp3学习目标掌握swiper组件的使用掌握scroll
打小爱学习.·2022-04-23 01:57

vue3+swiper实现卡片叠加轮播效果

/field.js';importSwiper,{Autoplay,EffectCo
用技术改变世界·2022-04-19 14:53

vue实现列表左右联动效果

再来说说思路：1、引用swiper插件，这种方法冲突和不适配可能性太多，会越改越麻烦所以弃用。2、使用页面滑动scroll事件，引入better-scroll组件。这个较为轻便，
·2022-04-15 10:02

html5应用swiper实现无缝轮播

注：移动端页面，如需用在PC端请自行调整样式需要引入的代码html代码script代码varswiper=newSwiper('.swiper-container',{spaceBetween:30,loop
hy3528·2022-04-11 06:13

HarmonyOS实战—影视类卡片应用

目录HarmonyOS实战影视类卡片应用实战swiper选项卡推荐功能网络数据请求页面路由list列表横向视频推荐grid网格视频推荐样式文件（index.css）视频播放页面页面（pagevideo.hml
李元静·2022-04-11 06:37

使用APICloud开发多端短视频应用

一、效果预览首先我们先来看一下实现效果二、项目前端实现本项目中前端采用APICloudAVM多端开发技术进行开发，要点包括swiper轮播图、网络请求封装等。使用APICloud多端技术进行开发，实
·2022-04-07 12:38

vue H5 超简单的swiper制作抖音上拉切换视频播放

-----html部分-------------------exportdefault{data(){return{videoPlay:true,current:0,//滑块第几个videoContext:undefined//全局定义视频API变量}},this.playNow(1);//把这个放到初始化页面的函数内，即可进入页面自动播放，不放就不会自动播放methods:{playNow(e)
学以致用的人·2022-04-01 21:00

vue H5 超简单的swiper制作抖音上拉切换视频播放

-----html部分-------------------exportdefault{data(){return{videoPlay:true,current:0,//滑块第几个videoContext:undefined//全局定义视频API变量}},this.playNow(1);//把这个放到初始化页面的函数内，即可进入页面自动播放，不放就不会自动播放methods:{playNow(e)
学以致用的人·2022-04-01 21:00

Element 走马灯宽高自适应高度

.home-swiper{width:100%;margin-bottom:24px;border-radius:12px12px12px12px;overflow:hidden;:deep(.el-carousel
·2022-04-01 16:42

React or Vue2 or Vue3 or TS 使用最新版本 swiper6、swiper7、swiper8

同时支持vue2vue3React，支持默认安装的swiper8版本，支持TS，无论是不是TS项目都可使用，亲测有效，支持异步获取数据由于公司重构项目需要，好多关于轮播的东西都是使用swiper实现的，
seaflyj·2022-03-28 18:45

swiper遇到的坑

声明关于swiper：1、Swiper是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。
·2022-03-26 18:33

微信小程序swiper-dot中的点如何改成滑块详解

目录背景目标效果思路实现swiper监听change自定义dot模块change事件中的逻辑写在最后本文主要介绍如何基于已有的组件（比如微信小程序的swiper，还有我们平时h5用的比较多的swiper.js
·2022-03-25 16:25

Vue.js全家桶仿哔哩哔哩动画 (移动端APP)

在线预览项目描述前端部分实现的Swiper,Toast,Indicator组件来自Mint-ui使用了Vue.js做单页应用使用了VueRouter处理路由请求使用了Axios做ajax请求使用了Vuex
weixin_34233618·2022-03-25 13:24

flutter 九宫格菜单_flutter实现轮播图效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下1添加依赖库flutter_swiper:^1.0.62普通常用圆点指示器自动轮播图classSwiperViewDefaultPageextendsStatefulWidget
拉菲艾尔·2022-03-19 01:13

flutter Swiper自定义指示器为直线

如同所示指示器圆点要改为直线第一种修改方法：修改方法先定义RectIndicatorclassRectIndicatorextendsStatelessWidget{finalintposition;finalintcount;finalColorcolor;finalColoractiveColor;finaldoublewidth;finaldoubleactiveWidth;finaldou
Flutter萌新学院·2022-03-19 01:12

Flutter_Swiper修改小圆点控制器（分页指示器）的大小和颜色

官网并没有把里面的方法指明出来，还需要我们看源码，在源码当中我发现了swiper分页指示器是继承自SwiperPlugin这个类的，同时发现，小圆点控制器是dots，这个属性随后翻了一下源码，发现了单个的
磐石BedRock·2022-03-19 01:06

Flutter练习：实现自定义的分页指示器

Swipe_pagination的源代码可知，目前只提供了FractionPaginationBuilder（百分数类型的，例如：1/5）、RectSwipePaginationBuilder(矩形)、DotSwiperPaginationBuilder
田螺与呆瓜·2022-03-19 01:40

swiper+echarts实现多个仪表盘左右滚动效果

本文实例为大家分享了swiper+echarts实现仪表盘左右滚动效果的具体代码，供大家参考，具体内容如下1、swiper的使用a.首先加载插件.........b.HTML内容Slide1Slide2Slide3
·2022-03-17 15:48

安卓端传统蓝牙串口通信小工具

因为好久没做安卓开发了，开发过程中还是查了些资料的，其中有：自定义actionbar，recyclerview，eventbus，swiperefreshlayout的使用，当然还有最重要的蓝牙通信相关
美渊科技·2022-03-16 18:08

微信小程序常用视图容器组件使用详解

目录1、组件概述2、常用的试图容器组件2.1view2.2scroll-view2.3swiper1、组件概述组件是视图层基本的组成单元，具备UI风格样式以及特定的功能效果。
·2022-03-16 13:45

vue swiper轮播图不显示 pagination 小圆点，navigation前进后退按钮

//在swiper插件里面插入slot="pagination"slot="button-prev"slot="button-next"三个属性swiperOptions:{//前进后退按钮显示navigation
qwyio·2022-03-16 09:28

swiper动态加载数据问题，轮播失效问题（配置失效问题）

相信小伙伴们刚开始有swiper轮播图也会遇到和我一样的问题：加了属性效果出不来npminstallswipervue-awesome-swiper--save默认下载的swiper是目前最新的8+版本而
qwyio·2022-03-16 09:58

微信小程序实现多行文字滚动

本文实例为大家分享了微信小程序实现多行文字滚动的具体代码，供大家参考，具体内容如下wxmlwxssswiper-item{height:100%;}js//index.js//获取应用实例importapifrom
·2022-03-11 16:25

微信小程序周报（第二期）

DEMO可以给大家分享哦~一、小程序资讯与教程小程序支付详解+源码(客户端+服务端)2017-06-11微信辟谣小程序上线，今日头条+新浪微博抱头痛哭2017-06-10基于angular实现模拟微信小程序swiper
APPx应用魔方·2022-03-09 11:00

Vue项目实战-尚品汇--mock模拟数据 swiper插件实现banner轮播图（四）

当从home组件跳转到search时，TypeNav组件隐藏修改、添加leaveShowenterShow方法增加过渡动画：只要用到TypeNav组件，就会想服务器发送请求categoryList，并且由于home和search组件中都用到了TypeNav，所以在二者切换过程中，即home组件销毁，search组件出现，不断的发送请求，因此进行性能优化。那如何只发一次请求呢？将派发的categor
winterjoycc·2022-03-05 12:31

关于Angular引入swiper后autoplay失效的解决办法

期间为了引入swiper，按照网上的安装引入方式（这步就不说了，应该都能搜到），引入后发现autoplay怎么设置都没效果，试了很多办法，后面去swiperjs官网看了才发现这段话。好家伙！！
·2022-02-28 16:02

React or Vue2 or Vue3 or TS 使用最新版本 swiper6、swiper7、swiper8

同时支持vue2vue3React，支持默认安装的swiper8版本，支持TS，无论是不是TS项目都可使用，亲测有效，支持异步获取数据由于公司重构项目需要，好多关于轮播的东西都是使用swiper实现的，
seaflyj·2022-02-28 09:04

SwipeRefreshLayout 源码学习

下拉刷新是个十分常见的布局了，google也有自己的下拉刷新控件SwipeRefreshLayout。
vvweilong·2022-02-22 08:00

Vue 项目里戳中你痛点的问题及解决办法

本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的
zaven·2022-02-22 07:55

移动端轮播插件 —— swiper

插件百度云地址：https://pan.baidu.com/s/1d75ynp4s6T8SyAAxko_23w提取码：1hfsswiper*{margin:0;padding:0;}.swiper-container
asimpleday·2022-02-22 04:22

swiper echarts 点击tab切换swiper解决第一张轮播图不显示的问题

第一张不显示的问题在于swiper的loop属性如果true则下标打印到navList.length+1张最简单的方法是loop:false;版本:"swiper":"3.4.1","vue-awesome-swiper
倩仔6·2022-02-21 13:37

二、Swiper基本配置

直接上代码：Document.swiper-container{width:500px;height:500px;border:10pxsolid#000;}slider1slider2slider3varmySwiper
子心_·2022-02-21 11:18

php++仿网页版微信,vue+web端仿微信网页版聊天室功能

一、项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat
目楚·2022-02-21 07:32

【前端小程序】第八章 小程序中的常见组件

⼩程序中常⽤的布局组件:view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox。
itlu·2022-02-20 17:12

vue-awesome-swiper使用

安装地址npminstallswipervue-awesome-swiper--save//"vue-awesome-swiper":"^4.1.1",/"swiper":"^5.2.0",全局配置importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper
PYFang·2022-02-20 17:07

Swiper

varswiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination',nextButton:'.swiper-button-next
云烟成雨点·2022-02-20 15:54

小程序报错：TypeError: Cannot read property '$$' of undefined原因

如图报错是因为使用了swiper组件，但组件生成以后数据还没获取到。在swiper使用wx:for="xxx",判断一下当xxx存在时再渲染就ok了
是曹不是蔡·2022-02-20 09:03

H5仿app导航条切换居中效果及页面切换效果

这里主要使用了一个swiper插件实现这个功能，功能拆分来看其实很简单，就是swiper插件的排列组合。这个我觉得大家都会想到，我做的这个自己比较满意的是头部banner
辣瓜瓜·2022-02-20 09:25
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他