奖励详情页

@@ -34,3 +34,18 @@ exports.rewardList = (req, res) => {
         page: 'my-reward'
     });
 };
+
+exports.rewardDetail = (req, res) => {
+    let isApp = req.yoho.isApp;
+
+    res.render('expand-new/reward-detail', {
+        pageHeader: headerModel.setNav({
+            navTitle: '我的奖励'
+        }),
+        isApp: isApp,
+        width750: true,
+        localCss: true,
+        title: '我的奖励',
+        page: 'reward-detail'
+    });
+};

@@ -264,5 +264,6 @@ router.get('/user-recommend/moreGoods', userRecommend.moreGoods); // 获取商
 
 router.get('/my-promotion', expand.promotion); // 拓展新客 我的邀请码页
 router.get('/my-reward', expand.rewardList); // 拓展新客 我的奖励列表页
+router.get('/reward-detail', expand.rewardDetail); // 拓展新客 我的奖励详情页
 
 module.exports = router;

+<div class="reward-detail-page yoho-page">
+    <div class="reward-detail">
+        <p class="detail-item">
+            <span>我的奖励</span>
+            <span>50元现金券</span>
+        </p>
+        <p class="detail-item">
+            <span>奖励状态</span>
+            <span>已发放</span>
+        </p>
+        <p class="detail-item">
+            <span>发放时间</span>
+            <span>2017.06.05 12:12:12</span>
+        </p>
+    </div>
+    <div class="reward-related">
+        <div class="releated-item">
+            <span>我邀请的好友</span>
+            <span>用户名</span>
+        </div>
+        <div class="releated-item">
+            <span>注册时间</span>
+            <span>2013232332</span>
+        </div>
+        <div class="releated-item">
+            <span>首单购物金额</span>
+            <span>￥100.00</span>
+        </div>
+        <div class="releated-item">
+            <span>首单购物时间</span>
+            <span>2392039203</span>
+        </div>
+        <div class="releated-item">
+            <span>订单类型</span>
+            <span>在线支付</span>
+        </div>
+        <div class="releated-item">
+            <span>订单状态</span>
+            <span>交易完成</span>
+        </div>
+        <div class="releated-item">
+            <span>确认收货时间</span>
+            <span>2923092039230</span>
+        </div>
+    </div>
+</div>

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

+.reward-detail-page {
+    .reward-detail {
+        margin: 30px;
+        height: 240px;
+        background-color: #f06a6b;
+        color: #fff;
+        border-radius: 10px;
+        font-size: 28px;
+        padding: 30px 0 0 50px;
+    }
+
+    .detail-item {
+        height: 60px;
+        line-height: 60px;
+
+        span {
+            margin-right: 40px;
+        }
+    }
+
+    .reward-related {
+        background-color: #f0f0f0;
+        padding-top: 20px;
+        font-size: 28px;
+
+        .releated-item {
+            height: 88px;
+            line-height: 88px;
+            border-bottom: 1px solid #e0e0e0;
+            background-color: #fff;
+
+            span:first-child {
+                margin-left: 30px;
+                width: 230px;
+                display: inline-block;
+            }
+        }
+    }
+}

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