使用swiper来编写tab分页的方法，不使用display传统方法

<div class="my-pagination my-pagination1">
  <ul class="my-pagination-ul" id="my-pagination-ul"></ul>
</div>

var mySwiper = new Swiper('#swiper-container', {
pagination: '#my-pagination-ul',
effect:'fade',//切换效果
paginationClickable: true,
noSwiping : true,//禁止滑动
noSwipingClass:'noSwiping',//禁止滑动的标签
initialSlide: initSlide == null?0:initSlide, //设置起始页
paginationBulletRender: function(swiper, index, className) {//warper里面有几个兄弟元素,就会循环几次
var shopping = "";
switch(index) {
case 0:
name = '首页';
break;
case 1:
name = '购物车';
shopping = "shopping";
break;
case 2:
name = '个人中心';
break;
default:
name = '';
break;
}
return '<li class="' + className + ' noSwiping" id="'+ shopping +'">' + name + '</li>';
},
onSlideChangeStart: function(swiper) {

},
onInit: function(swiper) {
//初始化刷新页面

}
});