limit-help-page

@@ -137,6 +137,16 @@ const newDetail = {
                 return res.json(result);
             }).catch(next);
         }
+    },
+
+    /**
+     * 限购商品说明页面
+     */
+    limitHelp(req, res) {
+        res.render('detail/limit-help', {
+            module: 'product',
+            page: 'limit-help'
+        });
     }
 };
 

@@ -177,5 +177,6 @@ router.get('/newsale/selectHotrank', newsale.selectHotrank); // 热销排行榜
 router.get('/bundle/detail', bundle.detail); // 套装详情页
 
 router.post('/opt/favoriteProduct', newDetail.favoriteProduct); // 商品收藏、取消收藏
+router.get('/detail/limitHelp', newDetail.limitHelp);
 
 module.exports = router;

+<div class="limit-help-page yoho-page">
+    <h2>不同限定商品获取限购码方式不同，获取限购码目前有两种方式：</h2>
+    <span class="method">方式一</span>
+    <ul class="method-1">
+        <li>1.在限定发售详情页点击分享或者底部“获取限购码”图标。
+            <div class="intro-img"></div>
+        </li>
+        <li>2.从弹出的分享中选取需要分享的渠道。
+            <div class="intro-img"></div>
+        </li>
+        <li>3.分享成功后返回Yoho!Buy有货APP会提示已获得限购码。
+            <div class="intro-img"></div>
+        </li>
+    </ul>
+    <span class="method">方式二</span>
+    <ul class="method-2">
+        <li>1.在限定发售详情页点击参加排队赢取限购码图标。
+            <div class="intro-img"></div>
+        </li>
+        <li>2.进入限定发售排队页面，点击参加排队。
+            <div class="intro-img"></div>
+        </li>
+        <li>3.排队成功后凭排队序列号作为抽奖凭证，等待开奖时间。
+            <div class="intro-img"></div>
+        </li>
+        <li>4.开奖后，排队页面会公布中奖名单，限购码会直接发送至账户。
+            <div class="intro-img"></div>
+        </li>
+    </ul>
+    <h2>查看和使用限购码</h2>
+    <ul class="how">
+        <li>1.从个人中心进入我的限购码页面，可查看所获取的限购码。
+            <div class="intro-img"></div>
+        </li>
+        <li>2.商品开售后，可凭此限购码购买对应商品。
+            <div class="intro-img"></div>
+        </li>
+    </ul>
+</div>
\ No newline at end of file

+require('../common');

@@ -7,3 +7,4 @@
 @import "new/new-arrival";
 @import "newsale/hot-rank";
 @import "bundle/index";
+@import "detail/limit-help";

+.limit-help-page {
+    padding: 28px;
+    color: #444;
+
+    h2 {
+        font-size: 30px;
+        font-weight: bold;
+    }
+
+    .method {
+        display: block;
+        width: 80px;
+        height: 35px;
+        line-height: 35px;
+        background-color: #444;
+        color: #fff;
+        border-radius: 20px;
+        text-align: center;
+        margin: 20px 0;
+    }
+
+    li {
+        font-size: 24px;
+    }
+
+    .intro-img {
+        width: 100%;
+        height: 220px;
+        background-size: 100%;
+        background-repeat: no-repeat;
+        margin: 20px 0;
+    }
+
+    .method-1 {
+        li:nth-child(1) .intro-img{
+            background-image: resolve(product/help/1.png);
+        }
+        li:nth-child(2) .intro-img{
+            background-image: resolve(product/help/2.png);
+        }
+        li:nth-child(3) .intro-img{
+            background-image: resolve(product/help/3.png);
+        }
+    }
+    .method-2 {
+        li:nth-child(1) .intro-img{
+            background-image: resolve(product/help/4.png);
+        }
+        li:nth-child(2) .intro-img{
+            background-image: resolve(product/help/5.png);
+        }
+        li:nth-child(3) .intro-img{
+            background-image: resolve(product/help/6.png);
+        }
+        li:nth-child(4) .intro-img{
+            background-image: resolve(product/help/7.png);
+        }
+    }
+
+    .how {
+        li:nth-child(1) .intro-img{
+            background-image: resolve(product/help/8.png);
+        }
+        li:nth-child(2) .intro-img{
+            background-image: resolve(product/help/9.png);
+            margin-bottom: 0;
+        }
+    }
+}