Swiper

ionic + angular 组件ion-slide 轮播组件使用

我们使用swipernpminstallswiper//再要使用的代码里引用importSwiperfrom'swiper';Html代码ts代码importSwiperfrom'swiper';@Component
人生如游戏---·2020-08-18 02:07

总结下自己的slider学习经验

前提：不使用三方库工作中制作slider，引入swiper.js被限制，问了知道不能使用。所以只能使用原生方法去写。由于很久没有写原生slider，查资料摸索结果如下。
qq_42924813·2020-08-18 01:57

vue自定义移动端touch事件，点击、滑动、长按事件

用法：**HTML**vueTouch('点击',e)"v-longtap="(e)=>vueTouch('长按',e)"v-swipeleft="(e)=>vueTouch('左滑',e)"v-swiperight
金大光·2020-08-18 00:50

小程序中轮播图的指示点换成数字显示

UI图中轮播显示的是数字而不是指示点，所以需要自己用css写一下效果：html相关代码1">{{swiperIndex}}/imagesUrl.length{{swiperIndex}}/imagesUrl.lengthjs
香荣如梦·2020-08-18 00:23

swiper简单使用

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
lingongheng·2020-08-17 23:59

揭秘宜信财富年度账单的技术实现

二、前端整体架构和执行流程宜信财富年度账单前端架构所采用的技术栈包括：前端页面是用H5制作；数据加载进度百分比，技术用到swiper插件和一些CSS3动效；海报生成用到了canvas图片
宜信技术学院·2020-08-17 22:11

vue项目中遇到的那些事。

技术栈：vue2+vuex+vue-router+webpack+ES6/7+element-ui+vue-baidu-map+i18n+vue-awesome-swiper做项目时总是有一些思考和踩过的坑
dinghuoruo0011·2020-08-17 22:40

微信小程序实现分类菜单 swiper分类菜单

做项目的时候遇到仿美团上的滚动菜单，需要调用后台数据的，以下是为大家整理的wxmlHOT{{item.name}}jsdata:{list:[{avatar:'自己的图片地址',name:'健身',},{avatar:'自己的图片地址',name:'餐饮',},{avatar:'自己的图片地址',name:'视频',},{avatar:'自己的图片地址',name:'旅游',},{avatar:'
Treasure girl1·2020-08-17 20:42

微信小程序 滚动选项卡 swiper高度自适应

最近做小程序的时候遇到了swiper高度的问题，swiper里面的内容可以根据数据来自适应高度。
Treasure girl1·2020-08-17 20:41

NUXT使用swipper在npm run dev报Cannot resolve “swiper/dist/css/swiper.css“

异常描述：npmrundev启动出现如下异常从头说起配置swipper1、执行安装npminstallvue-awesome-swiper--save2、plugins下新建nuxt-swipper-plugins.js
技术路上的小学生·2020-08-17 17:07

适用的banner图轮播插件----格林王子举哥

JS）链接：https://pan.baidu.com/s/1OY6398N7ZxPrJCQHpCQ4sw提取码：obcm第二步：在body里面准备一个容器更多第三步：JS部分$(function(){swiper.init
枯枫叶·2020-08-17 12:39

关于使用vue-awesome-swiper，轮播图不能播放和分页器没显示的解决方法

vue-awesome-swiper在2020年做了更新，早上想使用vue-awesome-swiper完成vue项目的轮播图，发现一些轮播图不能播放和分页器没显示，经过一个上午，在老师的协助下终于解决了
星空坠落zhihou·2020-08-17 12:31

Vue-Awesome-Swiper(Vue使用Swiper)

Vue中重点关注绿色字体部分Vue-Awesome-SwiperSwiper4componentforVue,supportpcandmobile,SPAandSSR.IfyouneedtorollbacktoSwiper3
Super_LD·2020-08-17 11:32

最简单下拉刷新，Google最新（可刷新任何控件）

2014年3月29日XML文件需要引用android.support.v4.widget.SwipeRefreshLayout控件，在里面可以放置任何一个控件，包括ListView，scrollview
OMG·2020-08-17 11:29

vue-awesome-swiper开启loop模式后复制slide引出的问题及解决方案

用vue-swesome-swiper来显示多个Card，还需要开启loop模式。就这样我的噩梦开始了。部分Card上的交互失效了部分Card上的趋势图没出现经过
nothing_more_than·2020-08-17 11:01

关于js的仿微信表情包

分享一个半成品，关于qq表情包的制作，利用swiper插件。首先到官网下载swiper插件，需要用到的文件有swiper.min.js和swiper.min.css文件。
yjwu5353·2020-08-17 10:15

总结和分析几种判断RecyclerView到达底部的方法

（转载）http://www.jianshu.com/p/c138055af5d2上一篇文章我讲到用事件分发的原理结合SwipeRefreshLayout写一个RecyclerView的上下拉,里面有一个判断
zhuhai__yizhi·2020-08-17 07:22

Cannot set item click listener, Cannot set menu creator ,setAdapter has already been called

java.lang.IllegalStateException:Cannotsetmenucreator,setAdapterhasalreadybeencalled.atcom.yanzhenjie.recyclerview.SwipeRecyclerView.checkAdapterExist
HiGirler·2020-08-17 06:52

解决ListView与SwipeRefreshLayout滑动冲突的问题

这个问题呢，在我初次接触SwipeRefreshLayout的时候也遇到过，后来查了相关资料和网络信息，得以解决，今天再次想到了这个问题，就记下来做个备忘吧。
Newbieforme·2020-08-17 06:23

flutter 分享两种网络请求解析的数据的方式

1.不使用工厂类@overridevoidinitState(){getHomePageSwiper().then((val){finalresult=json.decode(val.toString(
IT小小猴子·2020-08-17 06:51

mpvue - 注意事项

命名格式组件名不要和微信的组件名重名以下为微信自带组件view、scroll-view、swiper、movable-view、cover-view、icon、text、rich-text、progress
idomyway·2020-08-17 05:35

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、项目简述基于react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等
weixin_30556161·2020-08-17 03:00

swiper层叠滑动轮播

轮播效果如下：HTML代码：js代码，注意这是swiper5.4.5版本，swiper3.4.3版本写法下面会列出来，静止状态下看着一样，但是达不到一张张连续切换的效果，用户体验有些差，感兴趣童鞋可以试一下
queena~不一样的烟火·2020-08-16 19:32

swiper轮播+动画+蒙版特效

1、上层添加蒙版图片2、底层是swiper轮播图3、每个轮播图在切换前由左向右移动HTML代码：精准健康解决方案改变疾病的预测预防和治疗方式更多js代码：我是给每个图片都加了向右移动的动画，可根据需要添加其他动画
queena~不一样的烟火·2020-08-16 19:32

js改变透明度实现轮播

在项目中常见的就是轮播图，为开发快速方便，我们常用的就是UI框架提供的Swiper、Carousel、Slider等封装好的轮播插件。
keep789·2020-08-16 19:53

微信小程序从swiper组件跳转到文章详情页面

截至目前，post-detail详情页面就已经完成了全部功能，但是在post文章列表页面还有一点小小的功能需要补充，既然可以点击文章列表的文章跳转到文章详情页面，那么文章列表顶部的swiper组件也应该能够点击跳转
Kilven_ck·2020-08-16 16:16

vue中使用vant的swiper实现轮播图自适应

1.vant中的swiper显示固定的高度，高度为最高的一个swiper_item的高度2.思路：为了保证当前组件是高度最高的，可以使用v-show组件让其他的swiper_item没有内容，即可达到目的例如
高级前端工程师Vue方向·2020-08-16 16:33

微信小程序通过api接口将json数据展现到小程序上

1.用到的知识点wx.request请求接口资源（微信小程序api中的发起请求部分）swiper实现轮播图的组件wx:for循环语句微信小程序的基础知识2.实现原理首先，先看一下这个请求函数varwx.request
rorntuck7·2020-08-16 14:05

微信小程序自定义轮播图swiper dots默认样式

默认的swiper面板指示点都是小圆点黑灰的，但这满足不了广大小伙伴需求，比如其他颜色的，椭圆形的，方形的等等。。。。
rorntuck7·2020-08-16 14:05

使用swiper写滑动刻度功能

最后用swiper完成了这个功能。
liuxingxing·2020-08-16 13:56

微信小程序入门-新闻列表

前言前面已经完成欢迎页面的编写，下面将写一个新闻页面，主要包含导航栏，轮播图，新闻列表，包含的技术主要有swiper组件的使用。
xiaofengwu123·2020-08-16 10:33

vue-awesome-swiper的用法

vue框架的轮播图插件vue-awesome-swiper安装npminstallvue-awesome-swiper--save引入/*全局引入*/importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
前端的小刘老师·2020-08-16 09:16

vue轮播图

借助第三方轮播插件npminstallvue-awesome-swiper--save打开github，里面搜索vue-awesome-swiper找相对应的文件执行里面相关的命令npminstallvue-awesome-swiper
Jessie-moving·2020-08-16 09:05

Vue-cli 引入Swiper

Swiper是纯javascript打造的开源、免费、稳定的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
purpleyou·2020-08-16 01:15

swiper组件中item高度固定的解决方法

当页面有左右滑动，并且下面的数据较长的时候，用swiper控制，会出现swiper-item的高度固定的情况。
一路追求匠人精神·2020-08-16 00:21

vue 卡片轮播 中间大两边小 复制代码就可使用

开发中遇到类似原生这种卡片轮播，中间大两边小的需求网上搜了下，很多都是修改前一个和后一个的高度，然后设置了margin-top，但个人感觉这样病不能保证很好的居中，在研究了官网的demo后，发现https://www.swiper.com.cn
qq_29427129·2020-08-16 00:14

uni-app 问题

1.问题：scroll-view和swiper中不能push过多dom，如果展示商品列表类的数据，需要一直下拉到底加载或者点击加载更多，只能放在view中使用"onReachBottomDistance
XiaoYi0215·2020-08-15 22:21

uniapp或微信开发 使用 swiper 组件 实现 3d 轮播 中间大图另外两张小图

话不多说上图html部分script部分data(){return{currentIndex:0}}methods:{swierChange(e){this.currentIndex=e.detail.current},}css部分.slide-image{position:absolute;height:200rpx;width:570rpx;border-radius:15rpx;z-inde
路 西·2020-08-15 20:32

uniapp中 解决swiper 包裹元素 显示不完的问题

Swiper在包含内容时是有一个默认高度height：150px；的此时我们要展现出来的内容区域就会被缩减掉所以我在需要swiper包裹元素时需要重新获取。
路 西·2020-08-15 20:01

微信小程序 swiper 滑动tab切换

话不多说，很简单直接上代码吧{{item}}全部审核中未通过已通过//index.js//获取应用实例constapp=getApp()Page({data:{arr:['全部','审核中','未通过','已通过'],currentTab:0,winHeight:''},onLoad(){varthat=thiswx.getSystemInfo({success:function(res){con
前端_李嘉豪·2020-08-15 20:46

uniapp使用scroll-view与swiper制作顶部导航栏

使用scroll-view与swiper制作顶部导航复制即可用图：代码：{{item}}{{item}}exportdefault{data(){return{current:0,scrollView:
@click·2020-08-15 20:42

swiper5切换页面数据动态加载

swiper官方网址：点击查看线上demo：点击查看核心方法，在当前Slide切换到另一个Slide时执行：varmySwiper=newSwiper('.swiper-container',{on:{
帆酱·2020-08-15 20:07

React Native入门篇—react-native-swiper的安装和配置

注意：未经允许不可私自转载，违者必究ReactNative官方文档：https://reactnative.cn/docs/getting-started/react-native-swiper官方教程
长腿欧巴~·2020-08-15 20:03

小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容

本来呢，我是有专门整理小程序恶心bug的文章的，每次只要添加汇总就好，但是呢，鉴于这个问题的恶心程度，所以我把他单独拿出来说了。——————————————--------------------------------------------------产品经理都说恶心的需求--------------------------------------------------———————————
weixin_33694620·2020-08-15 19:16

微信小程序实现navbar导航栏

一、效果图二、涉及到组件1.view组件2.swiper组件三、原理整体来讲是比较简单的，顶部的navbar是使用flex进行布局的；下面的内容区域则是使用到swiper组件，使用方式比较简单，可以查看微信小程序的文档
weixin_30915275·2020-08-15 19:43

微信小程序tab（swiper）切换

未使用已使用已过期￥10元满99元使用2018.3.29至2018.7.12s使用去使用￥10元满99元使用2018.3.29至2018.7.12s使用去使用￥10元满99元使用2018.3.29至2018.7.12s使用去使用￥10元满99元使用2018.3.29至2018.7.12s使用去使用￥10元满99元使用2018.3.29至2018.7.12s使用去使用￥10元满99元使用2018.3
weixin_30895603·2020-08-15 19:42

微信小程序-使用swiper和css实现卡牌左右滑动切换、翻牌效果。

最近公司开发了一款偏向社交类的小程序，然后我们逼(sao)格(qi)特高的UI大神，在设计时，考虑到我们产品的特殊性，于是给每个上推荐的候选人设计了一种类似卡牌的交互效果。但我们的功能实现还是比较简单的，只需要左右滑动切换卡牌，当前选中的卡牌适度放大突出显示，见下图。具体实现效果，扫面下方小程序二维码查看(当前版本：v1.1.2)：微信扫一扫，查看《我想找对象》小程序but，后续整理代码的时候，突
vinos_toby·2020-08-15 19:00

小程序 tab和swiper的结合效果

tabClick:function(e){varthat=this;varidIndex=e.currentTarget.id;this.setData({activeIndex:idIndex,});},swiperChange
rainbow8590·2020-08-15 19:02

uni-app采坑之路——swiper

这里本来是要写轮播图的，明明设置好了swiper的高度值，宽度也设置成了100%，再看微信小程序和app的样式，纳尼？！！！！竟然显示不一样！
陆小千很爱她·2020-08-15 19:56

小程序之选项卡（动态获取数据选项）

一、先写页面，在wxml使用swiper轮播图可实现选项卡功能（这部分我也是参考了网上的小伙伴的分享）。
lkyhhy·2020-08-15 19:18
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他