加入如何获得限购码页面

@@ -6,3 +6,4 @@
 @import "hot-rank";
 @import "hot-rank";
 @import "recommend-for-you";
 @import "recommend-for-you";
 @import "limit";
 @import "limit";
+@import "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;
+        }
+    }
+}

-{{> layout/header}}
-<div class="yoho-page">
-    <div class="goodDesc"></div>
-</div>
-{{> layout/footer}}

+{{> layout/header}}
+<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>
+{{> layout/footer}}

@@ -5,14 +5,14 @@ use Plugin\Helpers;
 
 
 /**
 /**
  * 商品列表相关的控制器
  * 商品列表相关的控制器
- * 
+ *
  */
  */
 class IndexController extends AbstractAction
 class IndexController extends AbstractAction
 {
 {
 
 
     /**
     /**
      * 品类商品列表页
      * 品类商品列表页
-     * 
+     *
      * @param  string $gender    "1,3"表示男, "2,3"表示女, "1,2,3"表示全部
      * @param  string $gender    "1,3"表示男, "2,3"表示女, "1,2,3"表示全部
      * @param  integer $brand    品牌Id
      * @param  integer $brand    品牌Id
      * @param  integer $sort     品类查询sort参数
      * @param  integer $sort     品类查询sort参数
@@ -108,7 +108,7 @@ class IndexController extends AbstractAction
 
 
     /**
     /**
      * 品牌商品列表页
      * 品牌商品列表页
-     * 
+     *
      * @param  string $gender    "1,3"表示男, "2,3"表示女, "1,2,3"表示全部
      * @param  string $gender    "1,3"表示男, "2,3"表示女, "1,2,3"表示全部
      * @param  integer $sort     品类查询sort参数
      * @param  integer $sort     品类查询sort参数
      * @param  integer $color    颜色Id
      * @param  integer $color    颜色Id
@@ -229,10 +229,10 @@ class IndexController extends AbstractAction
         $this->_view->display('index', $data);
         $this->_view->display('index', $data);
     }
     }
 
 
-    public function limitDetailAction()
+    public function limitHelpAction()
     {
     {
         $data = array();
         $data = array();
-        $this->_view->display('limit-detail', $data);
+        $this->_view->display('limit-help', $data);
     }
     }
 
 
     public function limitAction()
     public function limitAction()