使用swiper插件实现tab切换

刚开始使用的是图片画廊效果(http://www.swiper.com.cn/demo/23-thumbs-gallery.html)，实现双向绑定：也就是上面滑动，下面的slide也会随之滑动；可是有一个问题，上面那里必须有一个参数：centeredSlides:true;不然会出现active的slide上下不一致的问题。如图：

 

在gallery-top中，active-slide是第三个；而在gallery-thumbs中，active-slide是第七个。

可是嘞，在swiper官网首页，看到他们的介绍说Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等经常使用效果。我以为本身陷入了偷懒的误区。

其实这个tab切换跟以前写的那些差很少，只是如今加上了一个滑动效果啊。。。

用到swiper的api就是slideTo和onSlideChangeStart,以下图：

 

如今，开始写新页面吧~~

嗯，争取何时本身写个相似swiper的插件。。。