Swiper

vue2.0使用swiper组件实现轮播

1、安装swipernpminstallswiper@3.4.1--save-dev2、引用组件importSwiperfrom'swiper';import'swiper/dist/css/swiper.min.css
余生社会·2021-04-25 18:02

仿移动端网易云项目坑及技巧总结

项目地址](https://github.com/chentianyuan/yun-music)vue全家桶(vue，vue-cli，vue-router，vuex，axios，ES6，flex布局)，swiper
芸芸人海之中独独遇见你·2021-04-25 01:11

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

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

自定义RecycleView下拉刷新

1.概述Android中的下拉刷新是我们很常见的的操作,一般列表页的下拉刷新都是SwipeRefreshLayout嵌套RecycleView完成,其中的原理就是运用了NestedScrolling嵌套滚动机制
digtal_·2021-04-24 13:52

RecyclerView系列之四：实现下拉刷新与加载更多功能

RecyclerView实现的列表，默认情况是不带下拉刷新和上拉加载更多功能的，但是在我们的实际项目当中，我们不可能一下子把所有数据返回，为了提高用户体验，需要提供下拉刷新与加载更多的功能.一、SwipeRefreshLayout1
随风飘扬的smile·2021-04-24 12:45

前端开发常用网站及资料

综合前端开发中文文档导航CanIuse查看兼容性追波网-设计方方的GithubSM图床JavaScript阮一峰的JS教程ES6入门-阮一峰最强轮播组件-SwiperJS中的new到底是干什么的CSSHTML
李悦之·2021-04-23 10:49

kotlin撸一个天气预报app

集成高德地图）支持加载多个城市天气(用户配置尚未实现,可以在代码里加)支持显示实时天气技术实现介绍：coroutines+retrofit请求网络接口通过RecyclerView以列表形式展示数据结合SwipeRefreshLayout
十代码农·2021-04-23 08:22

vue中使用swiper（一页显示多张图片）遇到的坑以及解决方案

1.需求实现一个页面有多张图片轮播、2.问题离开当前页面后样式会重置，用户体验相当不好，注意看下图在跳转页面时swiper样式的变化3.原因（这里使用的是vue-awesome-swiper）：import
爱拼才会赢～·2021-04-21 16:24

困扰99%前端程序员的Vue问题，全在这了（含代码）

本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你
爱前端也爱恋爱·2021-04-21 14:32

2018-03-04

swiper它是一个开源，免费，强大的移动端触摸滑动插件，稳定，应用广泛，文档丰富，有大量活跃用户解答疑问。
静安沉恒·2021-04-20 20:16

Swiper隐藏后在显示时没有宽高，(swiper中动态渲染数据出现划不动)

我在swiper的父级上加了display：none后，swiper不能正常加载。
无名小码农·2021-04-20 11:50

Vue2.0 数据抓取及Swiper组件开发 | 音乐 WebApp （三）

Unsplash本次的系列博文的知识点讲解和代码，主要是来自于黄轶在慕课网的Vue2.0高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多Vue2.0的知识和实际应用，还请大家购买课程进行学习实践，该系列博文的发布已得到黄轶老师的授权许可授权许可0系列文章目录01Vue2.0定制一款属于自己的音乐WebApp02Vue2.0路由配置及Tab组
Nian糕·2021-04-20 07:55

videojs+swiper实现淘宝商品详情轮播图

本文实例为大家分享了videojs+swiper实现淘宝商品详情轮播图的具体代码，供大家参考，具体内容如下这个引用了videojs和swiper。
·2021-04-19 11:00

前端插件swiper基础使用详解&含部分常用API

swiper插件swiper是一款功能强大、开源、免费的的前端轮播图插件。而且面向手机平板等移动终端（更多介绍可以去官网进行查看）。最近做项目时用到了这个插件，官网的文档看的我很难受！
南郭菌！·2021-04-19 02:39

vue3.0中使用swiper

效果图如下：安装swipernpmiswiper现在下载默认6x版本的，6x版中封装了组件，可以在vue中直接使用。用法跟以前不一样！！，部分api也不对。import".
家里有只猪·2021-04-15 17:37

Swiper.js插件超简单实现轮播图

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
·2021-04-14 20:02

Android官方UI

BottomSheetcom.android.support:designPaste_Image.pngRecyclerViewcom.android.support:appcompatMaster/DetailActivityPaste_Image.pngSwipeRefreshLayoutcom.android
谢志海·2021-04-14 03:23

微信小程序上手-swiper使用

微信小程序上手-swiper使用swiper滑块视图容器。
小马奔腾_d991·2021-04-14 02:35

小程序的组件使用及组件传参

一、小程序组件复用组件是什么组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件例如：swiper.js,弹框.js，
Tiam-2016·2021-04-12 21:03

不断更新uniapp遇到的坑

{"navigationBarTitleText":"渔书"//不写逗号//#ifdefAPP-PLUS||H5,//逗号的位置"navigationStyle":"custom"//#endif}}swiper
·2021-04-11 14:43

不断更新uniapp遇到的坑

{"navigationBarTitleText":"渔书"//不写逗号//#ifdefAPP-PLUS||H5,//逗号的位置"navigationStyle":"custom"//#endif}}swiper
·2021-04-11 14:28

vue2.0中使用swiper插件 vue-awesome-swiper指南

在使用vue.js开发时，使用官方vue-cli开发时用上了轮播插件swiper,总结了一下swiper使用时遇到的问题：最好的老师来自于官方文档：附上vue-awesome-swiper在git上的地址以及安装过程
·2021-04-02 19:18

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

转自：https://www.bilibili.com/read/cv1522826/h5部分标题标题标题标题标题标题1文案文案文案文案文案文案文案文案文案文案文案文案标题标题标题标题标题标题2文案文案文案文案文案文案文案文案文案文案文案文案标题标题标题标题标题标题3文案文案文案文案文案文案文案文案文案文案文案文案标题标题标题标题标题标题4文案文案文案文案文案文案文案文案文案文案文案文案标题标题标
星宇万物·2021-03-30 13:26

vue使用Swiper踩坑：

Failedtoexecute'getComputedStyle'on'Window':parameter1isnotoftype'Element'我的Swiper定义：报错信息：看了官方文档之后发现：
·2021-03-29 18:35

vue使用Swiper踩坑：

Failedtoexecute'getComputedStyle'on'Window':parameter1isnotoftype'Element'我的Swiper定义：报错信息：看了官方文档之后发现：
·2021-03-29 18:38

基于Electron+Vite2高仿抖音短视频|electron+vue3小视频+直播聊天

使用技术编码/技术：vscode/vue3.0+vuex4+vue-router@4跨端框架：electron^12.0.1组件库：vant3(有赞移动端vue3组件库)滑动组件：swiper^6.5.0
·2021-03-27 22:39

vue-awesome-swiper的使用以及API整理

一、先说一个看关于vue-awesome-swiper的一个坑vue项目的package.json中显示的"vue-awesome-swiper":"^2.5.4"，用npminstall自动安装依赖时装的版本为
·2021-03-24 00:58

swiper和vue-awesome-swiper使用配置

最近在使用swiper实现轮播效果：swiper版本不同，使用有所不同。
·2021-03-19 22:33

vue-awesome-swiper插件loop：true和手动翻滚冲突

最近在做一个需求是：上下联动，点击上面，下面翻滚到对应图片，翻滚图片，上面对应图片选中。使用过程中发现两个bug:但是在配置属性的时候,发现两个bug。bug1:(滚动监听：slideChangeTransitionEnd，loop:true)，界面进来会显示如下：上下联动都会错位显示：bug2：去掉loop属性，快速翻滚下面图片时，有时触发不了slideChangeTransitionEnd，导
·2021-03-19 22:32

APICloud 多端开发 《拼团商城》项目源码解析

项目中前端采用avm多端开发技术进行开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新、组件封装等。
·2021-03-17 20:54

Nuxt中使用swiper和vue-awesome-swiper实现banner轮播及踩坑记录

先说完整的实现过程：1.vue-awesome-swiper和swiper版本：这里直接安装的最新版本npminstallswipervue-awesome-swiper-s"dependencies"
wangs_·2021-03-17 17:07

APICloud 多端开发 《拼团商城》项目源码解析

项目中前端采用avm多端开发技术进行开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新、组件封装等。
·2021-03-17 15:18

RN中的TabView和Swiper手势冲突之初探解决方案

抛出问题：react-native-tab-view中的TabView和react-native-swiper的Swiper滚动冲突，版本如下："react-native-swiper":"^1.5.14
Hozan·2021-03-11 17:21

react native轮播图之'react-native-swiper'

react-native-swiper第三方组件的使用较为简单，提供源码仅供学习参考代码中数据请求成功前展示静态视图，数据请求成功动态赋值并刷新轮播图展示，并已处理点击跳转详情页的逻辑。
dangxy丶·2021-03-11 12:32

小程序swiper 自定义样式修改

小程序swiper自定义样式修改在我们做项目的时候，经常会使用到swiper组件做一些轮播效果，但是碰到这样一个问题：小程序原生的swiper样式满足不了设计稿的需求。
·2021-03-10 20:19

vue-awesome-swiper 的bug：轮播图自动轮播到最后一页就不轮播了？

项目场景：在开发vue项目的时候，需要做一个轮播图，因此小编使用了vue-awesome-swiper三方库（链接：https://github.com/surmon-china/vue-awesome-swiper
前端随想·2021-02-25 14:09

VUE中实现轮播图——Swiper 插件应用 vue-awesome-swiper【详细步骤】

VUE中实现轮播图——Swipervue-awesome-swiper插件应用【详细步骤】文章目录前言一、Swiper是什么？
WH小可爱·2021-02-23 21:35

微信小程序使用 Swiper 组件实现 Tab 选项卡功能代码，复制即用！

一、WXML代码页面一页面二页面一内容页面二内容二、WXSS代码.swiper-tab{text-align:center;display:flex;justify-content:space-between
相逢不晚何必匆匆·2021-02-22 17:56

Vue + ts实现轮播插件的示例

这些都不重要，一开始实现轮播是打算在vue中引入轮播图swiper.js，后来想想还是自己写算了。也当作熟悉ts。先上效果图(这里没有动态图片，各位同学可以自己实现
·2021-02-20 13:58

小程序笔记五——常用组件介绍

文章目录常用组件viewBug&TiptextBug&TipimageBug&Tipswiper与swiper-itemswiperchange事件source返回值Bug&Tipswiper-itemnavigator
阿牛大牛中·2021-02-20 00:01

swiper

vuezhong使用swiper安装（注意版本）npminstallswiper@3--save-dev全局引入import'swiper/dist/css/swiper.min.css'import'swiper
RxnNing·2021-02-19 15:39

生成带二维码的海报图---批量生成多个

合成两张图：我这里用的是canvas（html2canvas也是可以的）利用canvas.toDataURL批量生成多个海报图的base64地址，渲染到swiper
·2021-02-18 18:40

vue仿携程轮播图效果(滑动轮播,下方高度自适应)

先看案例，使用vue+swiper实现，slide不同高度时，动态计算盒子高度，让其下方高度自适应的效果首先搭建vue项目，这里不做过多说明，然后安装swipernpminstallswiper--save-dev1
·2021-02-11 13:26

Flutter学习第八天：轮播图Banner，自定义AppBar实现滚动渐变？

自定义AppBar实现滚动渐变1.轮播图的实现1.导入依赖包2.插入导入地址3.使用轮播图插件2.自定义AppBar实现滚动渐变1.部分代码解析2.整体代码1.轮播图的实现1.导入依赖包flutter_swiper
android 小白星·2021-02-09 15:48

微信小程序tab左右滑动切换功能的实现代码

效果图:一、简介自己的小程序需要实现这样的功能1.核心思想swiper和scroll-view共用两个变量currentTabnavScrollLeft，当点击nav或者滑动swiper时设置两个变量的值为当前的
·2021-02-08 12:50

swiper6.0改造 “翻页按钮”：自定义style样式和position - 案例篇

文章目录swiper6.0改造“翻页按钮”：自定义style样式和position（含效果图、代码、使用手册）需求场景·描述如下：效果图·gif动画：注意事项：需要设置代码的几处位置：全部代码·示下：swiper6.0
草巾冒小子·2021-02-07 12:45

用javascript实现轮播图淡入淡出效果

1.HTML代码2.css代码.swiper-container{position:relative;}.swiper-wrapper{position:absolute;}.swiper-wrapperimg
dample小童鞋·2021-02-02 17:01

vue中用 ul 和 li 仿轮播图，可以播放图片和视频 ，亲测可用

$refs.swiperTotal[index].style.left==null){//aa如果定义在data中的话，可能会造成重复增加的效果。varaa=this.$refs.swipe
wx-18538561085·2021-02-02 15:59

用javascript实现轮播图效果

1.HTML部分2.css部分//css部分都没有对宽度进行设置.swiper-container{position:relative;height:100vh;}.swiper-wrapper{position
dample小童鞋·2021-02-02 11:51

vue使用swiper遇到的问题

先安装npminstallswiper@5.x.x//指定版本6.0以上很多功能不能用npminstallswipervue-awesome-swiper--save后引入main.js中我这里是全局引入
看你妈·2021-02-02 10:17
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他