add small

-<div class="coupon-list">
+<div class="small-coupon-list">
     <ul>
     <ul>
         {{#each coupon}}
         {{#each coupon}}
 
 
             {{#if @first}}
             {{#if @first}}
                 <li>
                 <li>
-                    <a class="left">领券：</a>
+                    <a class="left small-pre">领&nbsp;&nbsp;&nbsp;&nbsp;券：</a>
                 </li>
                 </li>
             {{/if}}
             {{/if}}
 
 
             {{!大于三条记录}}
             {{!大于三条记录}}
             {{#if_cond @index '==' 3}}
             {{#if_cond @index '==' 3}}
                 <li>
                 <li>
-                    <a class="left more-coupon more-desc">更多</a>
+                    <a class="left more-coupon small-suf">更多</a>
                 </li>
                 </li>
             {{/if_cond}}
             {{/if_cond}}
 
 
             {{!大于三条记录不显示}}
             {{!大于三条记录不显示}}
-            <li class="{{#if_cond @index '>=' 3}}hide{{/if_cond}}">
-                <div class="small"
+            <li class="{{#if_cond @index '<' 3}}more-coupon{{/if_cond}} {{#if_cond @index '>=' 3}}hide{{/if_cond}}">
+                <div class="small coupon-item"
                      data-id="{{couponId}}"
                      data-id="{{couponId}}"
                      data-name="{{couponName}}"
                      data-name="{{couponName}}"
                      data-amount="{{amount}}"
                      data-amount="{{amount}}"

@@ -60,6 +60,23 @@ bindEvent.add(function() {
 
 
     var Alert = require('../common/dialog').Alert;
     var Alert = require('../common/dialog').Alert;
 
 
+    var $moreCoupon = $('.more-coupon');
+
+    var $coupons = $('.coupon-item').map(function() {
+        var $this = $(this);
+
+        return {
+            id: $this.data('id'),
+            name: $this.data('name'),
+            amount: $this.data('amount'),
+            status: $this.data('status')
+        };
+    }).get();
+
+    $moreCoupon.on('click', function() {
+
+    });
+
     function imgShow(src) {
     function imgShow(src) {
         $imgShow.attr('src', src);
         $imgShow.attr('src', src);
     }
     }

@@ -229,14 +229,38 @@
             }
             }
         }
         }
 
 
-        .coupon-list {
+        .small-coupon-list {
+
+            height: 18px;
+            margin-top: 10px;
+
+            .small-pre {
+                line-height: 18px;
+                font-size: 12px;
+                color: #999;
+            }
+
+            .small-suf {
+                line-height: 18px;
+                font-size: 12px;
+                color: red;
+            }
+
+            .small-desc {
+                line-height: 18px;
+                font-size: 12px;
+                color: white;
+                margin-left: 8px;
+                cursor: pointer;
+            }
+
             .small {
             .small {
                 float: left;
                 float: left;
                 color: white !important;
                 color: white !important;
                 width: 86px;
                 width: 86px;
                 height: 18px;
                 height: 18px;
-                font-size: 12px;
                 background: resolve("product/coupon-small.png") no-repeat;
                 background: resolve("product/coupon-small.png") no-repeat;
+                margin-right: 20px;
             }
             }
         }
         }