前提条件:请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~) 1.npm命令安装swiper 2.在需要用到swiper插件的组件中引入swiper 3.在组件的style中引入swiper插件的css(根据自己的项目路径) 4.在methods方法里初始化swiper插件 ...
分类:
其他好文 时间:
2019-01-21 13:43:48
阅读次数:
3804
<!-- 资金明细 --> <style lang="less"> .container { height: 100%; .dis_flex { display: flex; flex-direction: row; justify-content: space-between; align-ite ...
分类:
其他好文 时间:
2019-01-14 20:21:41
阅读次数:
243
//Swiper上下滚动初始化 swiper_init(){ this.$nextTick(function(){ var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', // 垂直切换选项 autoplay:... ...
分类:
其他好文 时间:
2019-01-14 20:13:27
阅读次数:
172
今天用vue-awesome-swiper最新版本遇到些问题,需要调整到2.6.7版本。记录以下。 ...
分类:
其他好文 时间:
2019-01-12 15:19:54
阅读次数:
381
touch库实现了什么和引入背景 touch模块是基于zepto.js的。 click事件在移动端上会有 300ms 的延迟,同时因为需要 长按 , 双触击 等富交互,所以我们通常都会引入类似 zepto 这样的库。zepto 中touch库实现了 'swipe', 'swipeLeft', 'sw ...
分类:
Web程序 时间:
2019-01-02 17:23:47
阅读次数:
320
slider1 slider2 slider3 slider4 slider5 slider6 slider7 slider8 slider9 var mySwiper = new Swiper(‘.swiper-co... ...
分类:
其他好文 时间:
2018-12-31 15:50:37
阅读次数:
986
<!-- Banner轮播图 start --> <view> <swiper autoplay="true" indicator-dots="true" circular='true' interval="1500" > <swiper-item> <image src='{{muke.image ...
分类:
微信 时间:
2018-12-26 00:26:23
阅读次数:
363
之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 ...
分类:
微信 时间:
2018-12-23 00:53:51
阅读次数:
630
本文描述了微信小程序中原生组件swiper在mpvue工程开发中一个典型的极容易被新手忽视的问题,并给出解答方案。
分类:
微信 时间:
2018-12-20 00:57:58
阅读次数:
727
autoplay: { reverseDirection: true, } ...
分类:
Web程序 时间:
2018-12-17 20:20:14
阅读次数:
351