店铺优惠券滑动效果

@@ -163,8 +163,7 @@ class ListData
         }
         }
 
 
         $param['client_secret'] = Sign::getSign($param);
         $param['client_secret'] = Sign::getSign($param);
-        return Yohobuy::get('http://192.168.102.205:8080/gateway/', $param);
-        // return Yohobuy::get(API_URL, $param);
+        return Yohobuy::get(API_URL, $param);
     }
     }
 
 
 }
 }

 var $ = require('jquery'),
 var $ = require('jquery'),
     IScroll = require('iscroll/iscroll-probe'),
     IScroll = require('iscroll/iscroll-probe'),
+    Swiper = require('yoho.iswiper'),
     tip = require('../plugin/tip');
     tip = require('../plugin/tip');
 
 
 var isCouponClick = true,
 var isCouponClick = true,
@@ -7,7 +8,7 @@ var isCouponClick = true,
 
 
 $(".coupon-content .receive-btn").on('touchstart', function(e) {
 $(".coupon-content .receive-btn").on('touchstart', function(e) {
     var that = this,
     var that = this,
-        code = $(this).closest('.coupon-small').data('id') || '';
+        code = $(this).closest('.swiper-slide').data('id') || '';
 
 
     if (isCouponClick === false) {
     if (isCouponClick === false) {
         return false;
         return false;
@@ -48,12 +49,10 @@ $(".coupon-content .receive-btn").on('touchstart', function(e) {
     });
     });
 });
 });
 
 
-$(window).ready(function() {
-    new IScroll('.coupon-content', {
-        probeType: 1,
-        vScroll: false,
-        hScroll: true,
-        mouseWheel: false,
-        click: true
-    });
-});
+$(function() {
+    new Swiper('.coupon-content', {
+        slideElement: '.coupon-small',
+        slidesPerView: 'auto',
+        watchSlidesVisibility: true
+    })
+})

@@ -2,11 +2,6 @@
     color: #fff;
     color: #fff;
     height: 180px;
     height: 180px;
     overflow: hidden;
     overflow: hidden;
-    overflow-x: scroll;
-
-    .coupon-scroll {
-        height: inherit;
-    }
 
 
     .padding-20 {
     .padding-20 {
         padding: 20px 0 !important;
         padding: 20px 0 !important;
@@ -18,6 +13,7 @@
         background: resolve('product/coupon-big.png') no-repeat;
         background: resolve('product/coupon-big.png') no-repeat;
         background-size: 580px 120px;
         background-size: 580px 120px;
         margin: 30px;
         margin: 30px;
+        position: relative;
 
 
         .coupon-left {
         .coupon-left {
             position: absolute;
             position: absolute;
@@ -47,7 +43,7 @@
         .coupon-right {
         .coupon-right {
             width: 20px;
             width: 20px;
             font-size: 22px;
             font-size: 22px;
-            right: 58px;
+            right: 28px;
             position: absolute;
             position: absolute;
             height: inherit;
             height: inherit;
             line-height: 25px;
             line-height: 25px;

 <div class="coupon-content">
 <div class="coupon-content">
+<div class="swiper-wrapper">
     {{#if shopCouponsOne}}
     {{#if shopCouponsOne}}
         {{#each shopCoupons}}
         {{#each shopCoupons}}
-        <div class="coupon-big">
+        <div class="swiper-slide coupon-big" data-id = "{{id}}">
             <div class='coupon-left'>
             <div class='coupon-left'>
             <span class="coupon-left-price">
             <span class="coupon-left-price">
                 <span class="coupon-sign">¥</span>
                 <span class="coupon-sign">¥</span>
@@ -24,7 +25,7 @@
         {{/each}}
         {{/each}}
     {{^}}
     {{^}}
         {{#each shopCoupons}}
         {{#each shopCoupons}}
-            <div class="coupon-small" data-id = "{{id}}">
+            <div class="swiper-slide coupon-small" data-id = "{{id}}">
                 <div class='coupon-left'>
                 <div class='coupon-left'>
                     <span class="coupon-left-price">
                     <span class="coupon-left-price">
                         <span class="coupon-sign">¥</span>
                         <span class="coupon-sign">¥</span>
@@ -46,4 +47,5 @@
             </div><!--/coupon-small-->
             </div><!--/coupon-small-->
         {{/each}}
         {{/each}}
     {{/if}}
     {{/if}}
+</div>
 </div>
 </div>

@@ -498,13 +498,12 @@ class ListModel
     public static function getShopCouponsList($shopId, $uid)
     public static function getShopCouponsList($shopId, $uid)
     {
     {
         $shopCoupons = array();
         $shopCoupons = array();
-        $result = ListData::shopCouponsList(15, $uid);
+        $result = ListData::shopCouponsList($shopId, $uid);
 
 
         if ($result['code'] !== 200) {
         if ($result['code'] !== 200) {
             return $shopCoupons;
             return $shopCoupons;
         }
         }
 
 
-        for($i = 0;  $i < 5; $i++)
         foreach ($result['data'] as $key => $value) {
         foreach ($result['data'] as $key => $value) {
             $value['status'] = $value['status'] * 1;
             $value['status'] = $value['status'] * 1;
 
 
@@ -515,8 +514,7 @@ class ListModel
                         'name' => $value['coupon_name'],
                         'name' => $value['coupon_name'],
                         'pic' => $value['coupon_pic'],
                         'pic' => $value['coupon_pic'],
                         'money' => $value['money'],
                         'money' => $value['money'],
-                        'status' => $key === 1,
-                        // 'status' => $value['status'] === 1,
+                        'status' => $value['status'] === 1
                     );
                     );
             }
             }
         }
         }