Authored by zhangxiaoru

奖励列表

@@ -5,16 +5,32 @@ const headerModel = require('../../../doraemon/models/header'); @@ -5,16 +5,32 @@ const headerModel = require('../../../doraemon/models/header');
5 5
6 exports.promotion = (req, res) => { 6 exports.promotion = (req, res) => {
7 // let uid = req.user.uid, 7 // let uid = req.user.uid,
8 - // isApp = req.yoho.isApp; 8 +
  9 + let isApp = req.yoho.isApp;
9 10
10 res.render('expand-new/my-promotion', { 11 res.render('expand-new/my-promotion', {
11 pageHeader: headerModel.setNav({ 12 pageHeader: headerModel.setNav({
12 navTitle: '我的邀请码' 13 navTitle: '我的邀请码'
13 }), 14 }),
14 - // isApp: isApp, 15 + isApp: isApp,
15 width750: true, 16 width750: true,
16 localCss: true, 17 localCss: true,
17 title: '我的邀请码', 18 title: '我的邀请码',
18 page: 'my-promotion' 19 page: 'my-promotion'
19 }); 20 });
20 }; 21 };
  22 +
  23 +exports.rewardList = (req, res) => {
  24 + let isApp = req.yoho.isApp;
  25 +
  26 + res.render('expand-new/reward-list', {
  27 + pageHeader: headerModel.setNav({
  28 + navTitle: '我的奖励'
  29 + }),
  30 + isApp: isApp,
  31 + width750: true,
  32 + localCss: true,
  33 + title: '我的奖励',
  34 + page: 'my-reward'
  35 + });
  36 +};
@@ -263,5 +263,6 @@ router.get('/user-recommend', userRecommend.index); // 广点通投放落地页 @@ -263,5 +263,6 @@ router.get('/user-recommend', userRecommend.index); // 广点通投放落地页
263 router.get('/user-recommend/moreGoods', userRecommend.moreGoods); // 获取商品分页 263 router.get('/user-recommend/moreGoods', userRecommend.moreGoods); // 获取商品分页
264 264
265 router.get('/my-promotion', expand.promotion); // 拓展新客 我的邀请码页 265 router.get('/my-promotion', expand.promotion); // 拓展新客 我的邀请码页
  266 +router.get('/my-reward', expand.rewardList); // 拓展新客 我的奖励列表页
266 267
267 module.exports = router; 268 module.exports = router;
  1 +<div class="my-reward-list-page yoho-page">
  2 + <div class="message">
  3 + <span>开启消息推送获取奖励发放状态</span>
  4 + <span class="state">去开启<i class="iconfont">&#xe614;</i></span>
  5 + </div>
  6 + <div class="rules">
  7 +
  8 + <div class="title">
  9 + <p>活动细则</p>
  10 + <i class="iconfont">&#xe616;</i>
  11 + </div>
  12 + <p class="detail">
  13 + 获得奖励条件:被邀请的好友注册后首单购物金额高于200元且7天内未退货<br/>奖励发放时间:被邀请的好友首单确认收货7天后发放<br/>获得奖励次数:每邀请1位好友,完成对应任务,即可获得奖励,上不封顶。<br/>活动最终解释权归YOHO!BUY有货所有。
  14 + <span class="more">更多免责条款>></span>
  15 + </p>
  16 + </div>
  17 + <div class="reward-list">
  18 + <div class="list-item">
  19 + <span>我邀请的好友</span>
  20 + <span>首单购物金额</span>
  21 + <span>我的奖励</span>
  22 + <span>状态</span>
  23 + </div>
  24 + <a href="//m.yohobuy.com" class="list-item">
  25 + <span>miaoas</span>
  26 + <span>¥308.00</span>
  27 + <span>50元优惠券</span>
  28 + <span>待发放<i class="iconfont">&#xe614;</i></span>
  29 + </a>
  30 + <a href="//m.yohobuy.com" class="list-item">
  31 + <span>miaoas</span>
  32 + <span>¥308.00</span>
  33 + <span>50元优惠券</span>
  34 + <span>待发放<i class="iconfont">&#xe614;</i></span>
  35 + </a>
  36 +
  37 + <div class="no-list">暂无奖励数据</div>
  38 + </div>
  39 +</div>
  1 +'use strict';
  2 +require('activity/my-reward.page.css');
  1 +.my-reward-list-page {
  2 + .message {
  3 + font-size: 32px;
  4 + height: 94px;
  5 + line-height: 94px;
  6 + padding: 0 30px;
  7 +
  8 + .state {
  9 + float: right;
  10 +
  11 + i {
  12 + color: #e0e0e0;
  13 + }
  14 + }
  15 + }
  16 +
  17 + .rules {
  18 + color: #b0b0b0;
  19 + padding: 0 30px 30px;
  20 +
  21 + .title {
  22 + text-align: center;
  23 + font-size: 24px;
  24 +
  25 + p {
  26 + height: 30px;
  27 + line-height: 30px;
  28 + text-align: center;
  29 + width: 100%;
  30 + display: inline-block;
  31 + margin: 0 auto;
  32 + }
  33 +
  34 + i {
  35 + color: #e0e0e0;
  36 + display: inline-block;
  37 + position: relative;
  38 + top: -5px;
  39 + }
  40 + }
  41 +
  42 + .detail {
  43 + font-size: 22px;
  44 + line-height: 36px;
  45 +
  46 + .more {
  47 + display: block;
  48 + color: #4a90e2;
  49 + }
  50 + }
  51 + }
  52 +
  53 + .reward-list {
  54 + font-size: 24px;
  55 + width: 100%;
  56 + overflow: hidden;
  57 + background-color: #f2f2f2;
  58 + padding-top: 20px;
  59 +
  60 + .list-item {
  61 + height: 95px;
  62 + line-height: 95px;
  63 + border-bottom: 1px solid #e0e0e0;
  64 + background-color: #fff;
  65 + }
  66 +
  67 + a {
  68 + overflow: hidden;
  69 + width: 100%;
  70 + display: block;
  71 + }
  72 +
  73 + span {
  74 + width: 25%;
  75 + text-align: center;
  76 + padding-left: 20px;
  77 + display: block;
  78 + float: left;
  79 +
  80 + i {
  81 + color: #e0e0e0;
  82 + }
  83 + }
  84 +
  85 + .no-list {
  86 + background-color: #fff;
  87 + text-align: center;
  88 + padding-top: 40px;
  89 + }
  90 + }
  91 +}
  1 +@import "expand-new/my-reward";