一、Swiper插件，Swiper官网http://www.swiper.com.cn/，这是针对移动端的 Swiper常用于移动端网站的内容触摸滑动，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换、轮播等常用效果。Swipe ...
分类：
其他好文 时间：
2017-11-03 16:13:44
阅读次数：
232
1.安装依赖 2.引入并注册 3.组件中的使用 注意:需要手动引入swiper的css样式,可以去swiper的官网进行下载 ...
分类：
其他好文 时间：
2017-11-02 17:00:32
阅读次数：
217
npm install vue-awesome-sw iper --save ...
分类：
其他好文 时间：
2017-10-27 01:17:19
阅读次数：
197
不管什么项目，一个轮播是基本少不了的，现在就来踩下微信小程序的swiper吧！ 首先打开文档，可以看到下面这些参数：(https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html) 后面有详细的解说，我就不一一说了！主要看下面的！ i ...
分类：
其他好文 时间：
2017-10-20 11:58:54
阅读次数：
123
引入外部插件是项目中非常重要的环节。因为部分插件以js语法写的，而ng4用的是ts语法，所以在引入时需要配置。 Step1：引入swiper插件的js文件【css在下面会讲到，先别急】 很重要的意见：亲测，如果用【方法二】引入的js导致效果有问题，请用【方法一】再试 方法一：在index.html中 ...
分类：
其他好文 时间：
2017-10-19 16:02:43
阅读次数：
211
1.当swiper loop设为true时，同时你又改变了sliderPerview的值，这时候轮播，按prev按钮到第一个时，会出现空白页； 解决办法：sliderPerview设置为auto,loopSliders设置你想要同时显示的slide个数； 2.当swiper-slide为动态添加的内 ...
分类：
其他好文 时间：
2017-10-16 22:08:24
阅读次数：
176
本人在用H5做移动端项目中使用Swiper遇到的两个问题，因此加深了对Swiper的掌握，分享出来对刚开始接触Swiper的童鞋们或多或少会有帮助。 首先，new Swiper的初始化最后放在DOM后边，即加载完<div class="swiper-container"></div>后立即初始化，如 ...
分类：
其他好文 时间：
2017-10-16 13:36:29
阅读次数：
252
对于轮播图的使用，如果不想自己写，网上有很多大神，会把写好的组件上传，供大家使用，下载 swiper就是一个很好用的组件，可以去swiper的官网下载：http://www.swiper.com.cn/download/ 官网有中文也有英文，里面会有很多demo，基本可以满足日常开发，是开源、免费、 ...
分类：
其他好文 时间：
2017-10-15 19:49:46
阅读次数：
149
项目需求介绍： 1.页面图文混排， 2.点击图片后全屏展示图片，并在底部显示文字，如果没有则不显示 3.关闭全屏后依然停留在上次浏览的位置 4.浏览图片时，不管点击的哪张图片，全屏展示的时候也要显示这一张 以下是所有需要引用的文件，其中只有 reset.css，swiperM.css，swiperV ...
分类：
其他好文 时间：
2017-10-13 17:12:50
阅读次数：
360
<script type="text/javascript"> $(function(){ var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: tr ...
分类：
其他好文 时间：
2017-10-12 14:34:15
阅读次数：
361
