奖励列表

@@ -5,16 +5,32 @@ const headerModel = require('../../../doraemon/models/header');
 
 exports.promotion = (req, res) => {
     // let uid = req.user.uid,
-    //     isApp = req.yoho.isApp;
+
+    let isApp = req.yoho.isApp;
 
     res.render('expand-new/my-promotion', {
         pageHeader: headerModel.setNav({
             navTitle: '我的邀请码'
         }),
-        // isApp: isApp,
+        isApp: isApp,
         width750: true,
         localCss: true,
         title: '我的邀请码',
         page: 'my-promotion'
     });
 };
+
+exports.rewardList = (req, res) => {
+    let isApp = req.yoho.isApp;
+
+    res.render('expand-new/reward-list', {
+        pageHeader: headerModel.setNav({
+            navTitle: '我的奖励'
+        }),
+        isApp: isApp,
+        width750: true,
+        localCss: true,
+        title: '我的奖励',
+        page: 'my-reward'
+    });
+};

@@ -263,5 +263,6 @@ router.get('/user-recommend', userRecommend.index); // 广点通投放落地页
 router.get('/user-recommend/moreGoods', userRecommend.moreGoods); // 获取商品分页
 
 router.get('/my-promotion', expand.promotion); // 拓展新客 我的邀请码页
+router.get('/my-reward', expand.rewardList); // 拓展新客 我的奖励列表页
 
 module.exports = router;

+<div class="my-reward-list-page yoho-page">
+    <div class="message">
+        <span>开启消息推送获取奖励发放状态</span>
+        <span class="state">去开启<i class="iconfont">&#xe614;</i></span>
+    </div>
+    <div class="rules">
+
+        <div class="title">
+            <p>活动细则</p>
+            <i class="iconfont">&#xe616;</i>
+        </div>
+        <p class="detail">
+            获得奖励条件：被邀请的好友注册后首单购物金额高于200元且7天内未退货<br/>奖励发放时间：被邀请的好友首单确认收货7天后发放<br/>获得奖励次数：每邀请1位好友，完成对应任务，即可获得奖励，上不封顶。<br/>活动最终解释权归YOHO!BUY有货所有。
+            <span class="more">更多免责条款>></span>
+        </p>
+    </div>
+    <div class="reward-list">
+        <div class="list-item">
+            <span>我邀请的好友</span>
+            <span>首单购物金额</span>
+            <span>我的奖励</span>
+            <span>状态</span>
+        </div>
+        <a href="//m.yohobuy.com" class="list-item">
+            <span>miaoas</span>
+            <span>￥308.00</span>
+            <span>50元优惠券</span>
+            <span>待发放<i class="iconfont">&#xe614;</i></span>
+        </a>
+        <a href="//m.yohobuy.com" class="list-item">
+            <span>miaoas</span>
+            <span>￥308.00</span>
+            <span>50元优惠券</span>
+            <span>待发放<i class="iconfont">&#xe614;</i></span>
+        </a>
+
+        <div class="no-list">暂无奖励数据</div>
+    </div>
+</div>

+'use strict';
+require('activity/my-reward.page.css');

+.my-reward-list-page {
+    .message {
+        font-size: 32px;
+        height: 94px;
+        line-height: 94px;
+        padding: 0 30px;
+
+        .state {
+            float: right;
+
+            i {
+                color: #e0e0e0;
+            }
+        }
+    }
+
+    .rules {
+        color: #b0b0b0;
+        padding: 0 30px 30px;
+
+        .title {
+            text-align: center;
+            font-size: 24px;
+
+            p {
+                height: 30px;
+                line-height: 30px;
+                text-align: center;
+                width: 100%;
+                display: inline-block;
+                margin: 0 auto;
+            }
+
+            i {
+                color: #e0e0e0;
+                display: inline-block;
+                position: relative;
+                top: -5px;
+            }
+        }
+
+        .detail {
+            font-size: 22px;
+            line-height: 36px;
+
+            .more {
+                display: block;
+                color: #4a90e2;
+            }
+        }
+    }
+
+    .reward-list {
+        font-size: 24px;
+        width: 100%;
+        overflow: hidden;
+        background-color: #f2f2f2;
+        padding-top: 20px;
+
+        .list-item {
+            height: 95px;
+            line-height: 95px;
+            border-bottom: 1px solid #e0e0e0;
+            background-color: #fff;
+        }
+
+        a {
+            overflow: hidden;
+            width: 100%;
+            display: block;
+        }
+
+        span {
+            width: 25%;
+            text-align: center;
+            padding-left: 20px;
+            display: block;
+            float: left;
+
+            i {
+                color: #e0e0e0;
+            }
+        }
+
+        .no-list {
+            background-color: #fff;
+            text-align: center;
+            padding-top: 40px;
+        }
+    }
+}

+@import "expand-new/my-reward";