列表页

@@ -9,4 +9,13 @@ exports.freeMailIndex = (req, res) => {
         page: 'free-mail-index',
         localCss: true
     })
+};
+
+exports.freeMailList = (req, res) => {
+    let uid = req.user.uid;
+
+    res.render('free-mail/list', {
+        page: 'free-mail-list',
+        localCss: true
+    })
 };
\ No newline at end of file

@@ -269,5 +269,6 @@ router.get('/reward-list', expand.rewardList); // 拓展新客 我的奖励列
 router.get('/reward-detail', auth, expand.rewardDetail); // 拓展新客 我的奖励详情页
 
 router.get('/free-mail/index', auth, freeMail.freeMailIndex); // 免邮券主页
+router.get('/free-mail/list', auth, freeMail.freeMailList); // 免邮券列表页
 
 module.exports = router;

+<div class="free-mail-list-page yoho-page">
+    <div class="top-banner">
+        <span class="coupon-name">5月优惠券</span>
+    </div>
+    <div class="coupon-list">
+        <div class="coupon-item">
+            <div class="item-left">
+                <span class="name">5月优惠券</span>
+                <span class="time">2012.09.07-2012.19.02</span>
+            </div>
+            <div class="item-right">
+                <span class="amount">10</span>
+            </div>
+        </div>
+        <div class="coupon-item">
+            <div class="item-left">
+                <span class="name">5月优惠券</span>
+                <span class="time">2012.09.07-2012.19.02</span>
+            </div>
+            <div class="item-right">
+                <span class="amount">10</span>
+            </div>
+        </div>
+         <div class="coupon-item">
+            <div class="item-left">
+                <span class="name">5月优惠券</span>
+                <span class="time">2012.09.07-2012.19.02</span>
+            </div>
+            <div class="item-right">
+                <span class="amount">10</span>
+            </div>
+        </div>
+    </div>
+    <div class="receive-btn"></div>
+</div>
\ No newline at end of file

+'use strict';
+require('activity/free-mail-list.page.css');
+
+require('common');

+.free-mail-list-page {
+    .top-banner {
+        width: 100%;
+        height: 245px;
+        background-image: resolve("activity/free-mail/list-banner.png");
+        background-repeat: no-repeat;
+        background-size: 100%;
+
+        .coupon-name {
+            display: inline-block;
+            font-size: 45px;
+            color: #fff;
+            font-family: "SourceHanSansCN";
+            transform: rotate(-9.5deg);
+            margin: 40px 0 0 186px;
+            font-weight: 700;
+        }
+    }
+
+    .coupon-list {
+        padding: 15px 35px 0;
+        color: #fff;
+        height: 456px;
+        overflow-y: scroll;
+
+        .coupon-item {
+            width: 570px;
+            height: 135px;
+            background-image: resolve("activity/free-mail/coupon.png");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            margin-bottom: 10px;
+        }
+
+        .item-left {
+            padding-left: 110px;
+            font-family: "SourceHanSansCN";
+            width: 340px;
+            height: 100%;
+            display: inline-block;
+        }
+
+        .name {
+            font-size: 42px;
+            font-weight: 700;
+        }
+
+        .time {
+            font-size: 12px;
+        }
+
+        .item-right {
+            height: 100%;
+            display: inline-block;
+            font-size: 101px;
+            font-family: "IKEASans";
+            padding-left: 74px;
+            font-weight: 800;
+        }
+    }
+
+    .receive-btn {
+        height: 116px;
+        width: 100%;
+        background-image: resolve("activity/free-mail/list-btn.png");
+        background-size: 100%;
+        background-repeat: no-repeat;
+    }
+}