CSS 控制 swiper-slide 样式-滑动子元素样式，设置宽度和间隔（通过spaceBetween: 50,属性设置的是通过margin-righ实现的，效果非常之low）

HTML是标准结构，可以在swiper官网找到

var mySwiper2 = new Swiper ('.swiper2', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
       //以上两个属性没有关系
        slidesPerView: 'auto',//默认一个屏幕显示几张图，必须auto！
        centeredSlides: true,//每屏，居中显示
swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过渡））
container：指容器（swiper的容器里面包括滑动快（slide）的集合（wrapper）、分页器（pagination）、前进按钮等）
wrapper：指包含（触控的对象，可触摸区域，移动的块的集合，过渡时会随slide切换产生位移）
slider：指滑块（切换的块中的一个，可以包含文字、图片、html元素或另外一个swiper
pagination：指分页器（指示slide的数量和当前活动的
                                    swiper改动
显示三个滑块，左右两个滑块露出一部分
说到滚动轮播，很多人就会想到swiper.js这个插件，最近一个微信项目用的jQuery-weUI样式库，这个UI库的滚动轮播也是封装的swiper插件，直接引用虽然很简单，不过要是有一些特殊需求的话，还是需要自己去改造的，比如下图需求：
可看到不仅只是滑动，还需要同时显示三个，中间一个全部显示，左右两个露出一部分，让用户看到，然后知道可以滑动。普通的swiper只能满足于一个个100%宽度显示然后滑动，这就需要修改swiper的样式部分了，具体c
主要设置如下：
<swiper class="service-advantage" ref="carouselSwiper" :options="swiperOptions">
	<swiper-slide v-for="(item,index) in serviceAdvantageData" :key="`item${index}`">
		<div class="card-area">
			第{{index}}张swiper
                                    banner图需求中间图片要大两边要显示一部分无限滚动首页代码 MainActivitypackage com.m.live.myapplication;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import an...
                                    使用ViewPager实现Android的广告轮播效果，广告轮播是很多电商网站的必备，比如淘宝、京东的顶部广告轮播条，今天我们就是一步步利用ViewPager来实现广告轮播效果！
资源文件编写
实现轮播
一、界面的布局先来个效果图： 
顶部就是我们的广告轮播效果，首先可以看到有图片，描述性文字，还有最后的小点，来指示当前的界面！因此布局上就需要包含上面的几个控件，其中图片的位置可以利用Vi
index.wxml
<swiper class='swiper' next-margin='120rpx' bindchange='swiper'>
  <block wx:for="{{devices}}" wx:key="" wx:for-item="device">
    <swiper-item item-id="{{devic...
    <div id="root" style="overflow: hidden">
      <div class="swiper-container" >
        <div class="swiper-wrapper" >
          <div class...