var mySwiper = new Swiper ('.swiper-bottom', { spaceBetween: 25, freeMode: true, initialSlide :1,//默认第二个 slidesPerView: 2,//可见个数2 centeredSlides: true... ...
分类：
其他好文 时间：
2018-11-30 11:30:33
阅读次数：
554
今天我们要制作的是商品推荐栏，也就是下面的这个，这个是有一个滑动效果的 首先还是来看我们的布局 HTML CSS： 布局完成之后我们就要开始进入正题了 安装我们的vue-awesome-swiper了，在终端输入 安装完成后我们在页面进行引入 这里我们因为使用的是从mock请求过来的数据，所以要使用 ...
分类：
移动开发 时间：
2018-11-26 16:14:31
阅读次数：
211
登入GitHub，搜索vue-awesome-swiper surmon-china/vue-awesome-swiper 1.下载轮播图插件 2.在vue的入口文件main.js在引入。 去哪网app http://piao.qunar.com/touch/ ...
分类：
其他好文 时间：
2018-11-26 02:30:24
阅读次数：
168
这个是入职新公司，在改完项目bug的时候，无意间发现这个功能，觉得思路很好，就去研究了一下。效果如下： 最初看到这个流程图，以为是用了什么插件。然后就去代码中看了一下，最后发现是用的平时都很熟悉的swiper，也一下让我拓宽了思路了。 大体思路如下： 每个swiper-slide的宽度=日期容器的宽 ...
分类：
其他好文 时间：
2018-11-22 02:31:49
阅读次数：
168
这里我使用的是一个第三方的插件react-native-swiper 具体可以参考https://www.npmjs.com/package/react-native-swiper 效果图 使用： 代码： ...
分类：
其他好文 时间：
2018-11-21 15:51:16
阅读次数：
261
老司机双十一厚礼之玩转 3D Swiper 性感秀之思路分析总结,由3D魔方衍生，画出美女性感秀，使用css3、transform、transform-origin、等样式，配置javascript一步步带你分析实现swiper的实现过程，希望对大家有所帮助，双十一快乐，程序员你脱单了吗？首席填坑官-苏南分享，
分类：
其他好文 时间：
2018-11-12 11:26:03
阅读次数：
137
<!--pages/index2/index2.wxml--> <scroll-view scroll-y="true" style="height:100vh;" bindscroll="scroll" scroll-top="{{scrollTop}}"> <view class="user_m ...
分类：
其他好文 时间：
2018-11-10 12:51:52
阅读次数：
178
注意： 千万不要直接更改 应该在后面加上所起的名称 ...
分类：
其他好文 时间：
2018-11-10 12:31:36
阅读次数：
405
.swiper-animate { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: linear-gradient(to bottom, transparent, #3e... ...
分类：
Web程序 时间：
2018-11-03 15:28:38
阅读次数：
976
效果图： 直接上解决方案： 1、在Swiper标签外套一层View 2、在View的style中设置高度 3、注意style中不要使用flex。 4、完整版轮播图代码（下面即为MainSwiper.js的代码内容） ...
分类：
其他好文 时间：
2018-11-01 13:36:38
阅读次数：
150
