微信小程序swiper同时显示三张图片样式

最近在做微信小程序乐趣来首页，样式要求横向滑动，首页显示第一张图片但是要漏出第二张图片的一部分，中间页面要漏出前一张的一部分和后一张图片的一部分，想到小程序 swiper组件，刚开始小程序并不支持这种样式，但是后来基础库版本1.9.0以后就都可以了。官方截图如下：

下面上效果图：

直接上代码：

      
        
        
          
            
              
                
                ¥{{item.product_start_price}}
                卖光了
                
                  {{item.product_name}}
                  {{item.product_title}}
                
                
                  
                    
                  
                  
                    {{item.schedule}}%
                    预售进度
                  
                  
                    ¥{{item.product_support_amount}}
                    支持金额
                  
                  
                    {{item.product_leave_time}}
                    剩余时间
                  
                  
                    
                  
                
                
                发货时间：{{item.product_delivery_time}}
                
              
            
          
        
        
        
        查看更多>
        
      

重点是：

next-margin="7px" previous-margin="30rpx"

css：

.pre-box { width: 100% ; height: auto ; margin-top: 20px ;}

.swiper-pre { height: 814 rpx ; background: #F6F6F6 ; width: 100% ; text-align: center }

.pre-product { position: relative ; background: #FFF ;margin-right:8px;}

.pre-img { width: 100% ; height: 450 rpx ;}

 大功告成，下面是我们小程序二维码，大家可以扫扫看：