Merge branch 'feature/growthdetail' of git.yoho.cn:fe/yohobuywap-node into feature/growthdetail

 'use strict';
 const _ = require('lodash');
 
+/*eslint-disable*/
+
 // 会员权益方案写死，后台未做，后期删除
 function droitHtml(contents) {
-    let banner = '//img10.static.yhbimg.com/article/2017/06/20/12/01a50a1f45b97365e758d6890858998310.jpg' +
+    let banner = 'http://img10.static.yhbimg.com/article/2017/06/20/12/01a50a1f45b97365e758d6890858998310.jpg' +
         '?imageView2/2/w/670/h/240/q/60/format/webp';
 
     _.map(contents, item => {
@@ -11,8 +13,8 @@ function droitHtml(contents) {
             item.content = {
                 banner: banner,
                 intros: [
-                    {title: '特权介绍：', data: ['自物流签收之日起7天之内可以退货，15天之内可以换货（以快递公司的物流签收日期为准）。']},
-                    {title: '其他说明：', data: ['退换货政策详细说明请见app服务与反馈-售后问题-退换货政策。']},
+                    {title: '特权介绍', data: ['自物流签收之日起7天之内可以退货，15天之内可以换货（以快递公司的物流签收日期为准）。']},
+                    {title: '其他说明', data: ['退换货政策详细说明请见<a href=//m.yohobuy.com/service/chatQaList?openby:yohobuy＝{"action":"go.sfhome"} style="text-decoration: underline;color: red;">app服务与反馈-售后问题-退换货政策</a>。']},
                 ],
                 interlocution: []
             };
@@ -20,8 +22,8 @@ function droitHtml(contents) {
             item.content = {
                 banner: banner,
                 intros: [
-                    {title: '特权介绍：', data: ['普通商品下单后24小时安排发货，部分特殊商品除外。']},
-                    {title: '其他说明：', data: ['预售商品发货时间以商品页面标注为准。', '部分品牌需要调货，发货周期会有一定延长，发货时间以下单页面提示为准。']},
+                    {title: '特权介绍', data: ['普通商品下单后24小时安排发货，部分特殊商品除外。']},
+                    {title: '其他说明', data: ['预售商品发货时间以商品页面标注为准。', '部分品牌需要调货，发货周期会有一定延长，发货时间以下单页面提示为准。']},
                 ],
                 interlocution: []
             };
@@ -29,8 +31,8 @@ function droitHtml(contents) {
             item.content = {
                 banner: banner,
                 intros: [
-                    {title: '特权介绍：', data: ['会员在有货平台上购买符合活动范围的商品时，可享受固定的折扣。会员等级越高，享受的折扣力度越大。']},
-                    {title: '折扣说明：', data: ['银卡会员享9.5折优惠，金卡会员享9折优惠，白金卡会员享8.8折优惠。']},
+                    {title: '特权介绍', data: ['会员在有货平台上购买符合活动范围的商品时，可享受固定的折扣。会员等级越高，享受的折扣力度越大。']},
+                    {title: '折扣说明', data: ['银卡会员享9.5折优惠，金卡会员享9折优惠，白金卡会员享8.8折优惠。']},
                 ],
                 interlocution: []
             };
@@ -38,11 +40,11 @@ function droitHtml(contents) {
             item.content = {
                 banner: banner,
                 intros: [
-                    {title: '特权介绍：', data: ['会员专享生日福利，等级越高，价值越高，具体以你实际领取为准。']},
-                    {title: '权益对象：', data: ['银卡及以上会员、且已完善个人生日信息才可领取生日福利券。']},
-                    {title: '领取说明：', data: [
+                    {title: '特权介绍', data: ['会员专享生日福利，等级越高，价值越高，具体以你实际领取为准。']},
+                    {title: '权益对象', data: ['银卡及以上会员、且已完善个人生日信息才可领取生日福利券。']},
+                    {title: '领取说明', data: [
                         '生日福利券在你生日当月可领，领取后有效期15天。',
-                        '生日福利券可在消息中心-我的资产页面领取。',
+                        '生日福利券可在<a href=//m.yohobuy.com/service/chatQaList?openby:yohobuy＝{"action":"go.sfhome"} style="text-decoration: underline;color: red;">消息中心-我的资产</a>页面领取。',
                         '若你在上述时间段内未领取，将无法补发生日礼包哦。'
                     ]},
                 ],
@@ -55,8 +57,8 @@ function droitHtml(contents) {
             item.content = {
                 banner: banner,
                 intros: [
-                    {title: '特权介绍：', data: ['金卡会员每月可享3次普通快递免邮、白金会员每月可享5次顺丰快递免邮（顺丰无法触达地区将改发其他快递）。']},
-                    {title: '使用说明：', data: ['免邮次数每月一日更新，会员等级升级时，免邮次数当天更新。', '金卡会员可消耗一次免邮次数将已达到免邮门槛的普通快递订单升级至顺丰快递。']},
+                    {title: '特权介绍', data: ['金卡会员每月可享3次普通快递免邮、白金会员每月可享5次顺丰快递免邮（顺丰无法触达地区将改发其他快递）。']},
+                    {title: '使用说明', data: ['免邮次数每月一日更新，会员等级升级时，免邮次数当天更新。', '金卡会员可消耗一次免邮次数将已达到免邮门槛的普通快递订单升级至顺丰快递。']},
                 ],
                 interlocution: []
             };
@@ -72,7 +74,7 @@ function droitHtml(contents) {
     return contents;
 }
 
-
+/* eslint-enable */
 module.exports = {
     droitHtml,
 };

@@ -17,12 +17,13 @@
                     </div>
                 {{/if}}
                 <div class="intro">
-                    <h2 class="leaguer">{{displayName}}</h2>
                     {{#content.intros}}
-                        <h4>{{title}}</h4>
-                        {{#data}}
-                            <p>{{.}}</p>
-                        {{/data}}
+                        <div class="intro-item">
+                            <h4>{{title}}</h4>
+                            {{#data}}
+                                <p>{{{.}}}</p>
+                            {{/data}}
+                        </div>
                     {{/content.intros}}
                 </div>
                 <div class="interlocution">

@@ -36,7 +36,7 @@
                     您已经成为YOHO！FAMILY
                 </p>
                 <P class="vip-le small-font">
-                {{vipLevel}} <div class="vip-ico vip-{{levelInfo.id}}"></div>
+                {{levelInfo.title}}会员<div class="vip-ico vip-{{levelInfo.id}}"></div>
                 </P>
                 
             </div>

@@ -23,8 +23,8 @@ class GradeDroitPage extends Page {
     }
 
     bindEvents() {
-        this.selector.$droitNavItem.on('click', this._navEvent.bind(this));
-        this.selector.$q.on('click', this._interlocutionQA.bind(this));
+        this.selector.$droitNavItem.on('touchstart', this._navEvent.bind(this));
+        this.selector.$q.on('touchstart', this._interlocutionQA.bind(this));
     }
 
     _navEvent(e) {

@@ -16,7 +16,7 @@ class GrouthInit extends Page {
 
     init() {
         setTimeout(function() {
-            $('.anima-img').hide(1000);
+            $('.anima-img').slideUp(1000);
             $('.grouth-calculate').show();
         }, 3000);
 

@@ -49,30 +49,18 @@
         width: inherit;
 
         .banner {
-            padding: 40px 40px 24px;
+            padding: 40px 40px 10px;
         }
 
         .intro {
-            padding: 0 40px 26px 40px;
-
-            .leaguer {
-                font-size: 28px;
-                color: #444;
-
-                &:before {
-                    content: "";
-                    width: 10px;
-                    height: 10px;
-                    background-color: #444;
-                    display: inline-block;
-                    margin-right: 10px;
-                    vertical-align: middle;
-                }
-            }
+            padding: 0 40px 30px 40px;
+        }
 
+        .intro .intro-item {
             h4 {
-                margin: 10px 0;
-                font-size: 26px;
+                margin: 30px 0 15px;
+                font-size: 28px;
+                font-weight: bold;
             }
 
             h4,
@@ -83,7 +71,7 @@
             }
 
             p {
-                margin-bottom: 10px;
+                line-height: 40px;
             }
         }
     }
@@ -169,6 +157,6 @@
         height: 300px;
         line-height: 300px;
         text-align: center;
-        font-size: 28px;
+        font-size: 36px;
     }
 }

@@ -8,7 +8,7 @@ body {
 }
 
 .grouth-init-page {
-    min-height: 100%;
+    height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
 
     .anima-img {