实现方式用swiper.js （以下以年龄为例） ...
分类：
移动开发 时间：
2017-05-08 16:00:22
阅读次数：
267
// 初始化函数 var mySwiper_a = new Swiper('.se3 .left', { direction: 'vertical', loop: true, autoplay: 5000, // 回调函数，从一个slide过渡到另一个slide结束时执行 onSlideChange... ...
分类：
其他好文 时间：
2017-05-06 00:49:21
阅读次数：
1063
Swiper使用方法 1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。 如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js。 2.HTML内容。 3.你可能想要给Swiper定义一个 ...
分类：
其他好文 时间：
2017-05-04 16:16:01
阅读次数：
127
上面这些就是安装好vue项目，最主要的就是下面的步骤 步骤三：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。 步骤四： 安装runtime： 终端命令：npm install babel-runtime 步骤五： 修改.eslintrc.js文件如下 ...
分类：
其他好文 时间：
2017-05-03 13:23:45
阅读次数：
887
import { swiper, swiperSlide } from 'vue-awesome-swiper' data () { return { swiperOption: { height: 160, speed: 2000, autoplay: 3000, direction: 'vert ...
分类：
其他好文 时间：
2017-04-25 11:38:11
阅读次数：
612
注：最近研究整理swiper时，发现了Flex这个好东西，好东西！ 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程：语法篇 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模 ...
分类：
其他好文 时间：
2017-04-25 00:35:52
阅读次数：
250
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>下拉刷新</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale ...
分类：
其他好文 时间：
2017-04-21 23:56:38
阅读次数：
1635
轮播效果在网页中用的很多，swiper是其中最有代表性的作品,它支持水平和竖直滑动，还有反弹效果，兼容移动端和pc端。当然代码量也是相当大的，单是js就有5300行（3.4.0的未缩版本），若不考虑代码利用率和加载速度直接就用了，在移动端比较慎重，比如京东(m.jd.com)的轮播就没有用它，而是自 ...
分类：
其他好文 时间：
2017-04-14 09:52:00
阅读次数：
220
今天在使用swiper的时候，元素默认是显示的时候没毛病，但是默认是隐藏的状态，再显示的时候发现滑动的时候宽度计算有误，如下图所示： 正确的显示如下： 隐藏的元素再次显示如下： 宽度计算有误 解决方案： 只需加上后面两行即可。 参数具体含义可看官网说明：http://www.swiper.com.c ...
分类：
其他好文 时间：
2017-04-12 16:20:01
阅读次数：
848
文件引用： <script src="~/Scripts/weui/js/swiper.min.js"></script> js代码展示： $(function () { $(".swiper-container").swiper({ loop: true, autoplay: 3000 }); } ...
分类：
微信 时间：
2017-04-12 14:17:51
阅读次数：
510
