ued / yohogirls_mustache · Commits

Go to a project

Authored by lore-w
Commit c7c04d66c801c85e78ce7fb92962b6ba2e651dfa 2 parents 27186c53 f8b9299a

Merge branch 'develop' of http://git.dev.yoho.cn/ued/yohogirls-mustache into develop

Inline Side-by-side
Showing 17 changed files with 493 additions and 72 deletions
@@ -4,8 +4,10 @@ @@ -4,8 +4,10 @@
4 <input placeholder="输入心得标题" type="text"> 4 <input placeholder="输入心得标题" type="text">
5 </div> 5 </div>
6 <div class="evaluate"> 6 <div class="evaluate">
7 - <h2>总体评价</h2>  
8 - {{> common/final_score}} 7 + <div class="final-score">
  8 + <h2>总体评价</h2>
  9 + {{> common/final_score}}
  10 + </div>
9 <div class="buy-again clearfix"> 11 <div class="buy-again clearfix">
10 <h4>回购评分</h4> 12 <h4>回购评分</h4>
11 <span class="again-score">{{buyAgain}}</span> 13 <span class="again-score">{{buyAgain}}</span>
@@ -14,7 +16,23 @@ @@ -14,7 +16,23 @@
14 <a class="again-select" href="javascript:;">不会买</a> 16 <a class="again-select" href="javascript:;">不会买</a>
15 </div> 17 </div>
16 {{#if detailScore}} 18 {{#if detailScore}}
17 - {{> common/detail_score}} 19 + <div class="detail-score">
  20 + <ul class="clearfix">
  21 + {{#each detailScore}}
  22 + <li class="clearfix" index="{{@key}}">
  23 + <label>{{.}}</label>
  24 + <div class="score-select-wrap clearfix">
  25 + <a class="score-select" href="javascript:;">1</a>
  26 + <a class="score-select" href="javascript:;">2</a>
  27 + <a class="score-select" href="javascript:;">3</a>
  28 + <a class="score-select" href="javascript:;">4</a>
  29 + <a class="score-select" href="javascript:;">5</a>
  30 + </div>
  31 + <span class="score-text"></span>
  32 + </li>
  33 + {{/each}}
  34 + </ul>
  35 + </div>
18 {{/if}} 36 {{/if}}
19 </div> 37 </div>
20 38
  1 +{{> layout/writer_header320}}
  2 +<div class="publish-container">
  3 + <div class="publish-title">
  4 + <input placeholder="输入心得标题" type="text">
  5 + </div>
  6 + <div class="evaluate">
  7 + <div class="final-score">
  8 + <h2>总体评价</h2>
  9 + {{> common/final_score}}
  10 + </div>
  11 + <div class="buy-again clearfix">
  12 + <h4>回购评分</h4>
  13 + <span class="again-score">{{buyAgain}}</span>
  14 + <div class="again-select-wrap clearfix">
  15 + <a class="again-select current" href="javascript:;">很喜欢，会再次购买</a>
  16 + <a class="again-select" href="javascript:;">看到会买</a>
  17 + <a class="again-select" href="javascript:;">不会买</a>
  18 + </div>
  19 + </div>
  20 + {{#if detailScore}}
  21 + <div class="detail-score">
  22 + <ul class="clearfix">
  23 + {{#each detailScore}}
  24 + <li class="clearfix" index="{{@key}}">
  25 + <label>{{.}}</label>
  26 + <div class="score-select-wrap clearfix">
  27 + <a class="score-select" href="javascript:;">1</a>
  28 + <a class="score-select" href="javascript:;">2</a>
  29 + <a class="score-select" href="javascript:;">3</a>
  30 + <a class="score-select" href="javascript:;">4</a>
  31 + <a class="score-select" href="javascript:;">5</a>
  32 + </div>
  33 + <span class="score-text"></span>
  34 + </li>
  35 + {{/each}}
  36 + </ul>
  37 + </div>
  38 + {{/if}}
  39 + </div>
  40 +
  41 + <form action="">
  42 + <div class="publish-editer" contenteditable="true">
  43 +
  44 + </div>
  45 + </form>
  46 + <div class="publish-btn">
  47 + <a href="javascript:;">发表试用心得</a>
  48 + </div>
  49 +</div>
  50 +{{> layout/footer320}}
@@ -11,6 +11,157 @@ @@ -11,6 +11,157 @@
11 {{# content}} 11 {{# content}}
12 {{> detail/trail_content}} 12 {{> detail/trail_content}}
13 {{/ content}} 13 {{/ content}}
14 - 14 + <form class="review-form" action="">
  15 + <h2 class="form-title">试用网站评鉴结果分析</h2>
  16 + <div class="final-score">
  17 + <h2>总体评价</h2>
  18 + {{> common/final_score}}
  19 + </div>
  20 + {{#if reviewInfo}}
  21 + <div class="review-info">
  22 + <ul class="clearfix">
  23 + {{#each reviewInfo}}
  24 + <li>{{@key}}：{{.}}</li>
  25 + {{/each}}
  26 + </ul>
  27 + </div>
  28 + {{/if}}
  29 + <div class="chart-score clearfix">
  30 + <div id="chart"></div>
  31 + {{#if detailScore}}
  32 + <div class="detail-score">
  33 + <ul class="clearfix">
  34 + {{#each detailScore}}
  35 + <li class="clearfix" core="{{.}}">
  36 + <label>{{@key}}</label>
  37 + <div class="score-select-wrap clearfix">
  38 + <a class="score-select" href="javascript:;"></a>
  39 + <a class="score-select" href="javascript:;"></a>
  40 + <a class="score-select" href="javascript:;"></a>
  41 + <a class="score-select" href="javascript:;"></a>
  42 + <a class="score-select" href="javascript:;"></a>
  43 + </div>
  44 + </li>
  45 + {{/each}}
  46 + </ul>
  47 + </div>
  48 + {{/if}}
  49 + </div>
  50 + <div class="review-class clearfix">
  51 + {{#if buyAgain}}
  52 + <div class="buy-again review-percent">
  53 + <h4>回购评分</h4>
  54 + <ul>
  55 + {{#each buyAgain}}
  56 + <li class="clearfix">
  57 + <span>{{text}}</span>
  58 + <em><i>{{percent}}</i></em>
  59 + <span>{{num}}/{{percent}}</span>
  60 + </li>
  61 + {{/each}}
  62 + </ul>
  63 + </div>
  64 + {{/if}}
  65 + {{#if skin}}
  66 + <div class="review-percent">
  67 + <h4>参评网友肤质分布</h4>
  68 + <ul>
  69 + {{#each skin}}
  70 + <li class="clearfix">
  71 + <span>{{text}}</span>
  72 + <em><i>{{percent}}</i></em>
  73 + <span>{{num}}/{{percent}}</span>
  74 + </li>
  75 + {{/each}}
  76 + </ul>
  77 + </div>
  78 + {{/if}}
  79 + {{#if age}}
  80 + <div class="review-percent">
  81 + <h4>参评网友年龄分布</h4>
  82 + <ul>
  83 + {{#each skin}}
  84 + <li class="clearfix">
  85 + <span>{{text}}</span>
  86 + <em><i>{{percent}}</i></em>
  87 + <span>{{num}}/{{percent}}</span>
  88 + </li>
  89 + {{/each}}
  90 + </ul>
  91 + </div>
  92 + {{/if}}
  93 + </div>
  94 + </form>
  95 + {{# trialStatus}}
  96 + {{> common/trial_status}}
  97 + {{/ trialStatus}}
  98 + <div class="review-list">
  99 + <h2>试用报告</h2>
  100 + {{#each reviewList}}
  101 + <div class="review-item">
  102 + <div class="item-top clearfix">
  103 + <div class="user-avatar">
  104 + <img src="{{avatar}}" alt="">
  105 + <i class="{{type}}"></i>
  106 + </div>
  107 + <div class="user-info">
  108 + <p class="info-detail clearfix" class="clearfix">
  109 + <span class="name">{{nickname}}</span>
  110 + <span>{{isBuy}}&nbsp;/&nbsp;</span>
  111 + <span>{{age}}&nbsp;/&nbsp;</span>
  112 + <span>{{skin}}&nbsp;/&nbsp;</span>
  113 + <span>{{time}}</span>
  114 + </p>
  115 + <div class="clearfix score-wrap">
  116 + <div class="final-score">
  117 + <h2>总评星</h2>
  118 + {{> common/final_score}}
  119 + </div>
  120 +
  121 + {{#if detailScore}}
  122 + <div class="detail-score">
  123 + <h4>细项评分：</h4>
  124 + <ul>
  125 + {{#each detailScore}}
  126 + <li>{{@key}} {{.}}</li>
  127 + {{/each}}
  128 + </ul>
  129 + {{#if moreDetailScore}}
  130 + <div class="more-score">
  131 + <a class="more-btn" href="javascript:;">更多</a>
  132 + <div class="more-score-list">
  133 + <div class="more-score-top"></div>
  134 + <div class="more-score-bottom"></div>
  135 + <ul>
  136 + {{#each moreDetailScore}}
  137 + <li>{{@key}} {{.}}</li>
  138 + {{/each}}
  139 + </ul>
  140 + </div>
  141 + </div>
  142 + {{/if}}
  143 + </div>
  144 + {{/if}}
  145 + </div>
  146 + </div>
  147 + </div>
  148 + <div class="review-content">
  149 + <h2>{{title}}</h2>
  150 + {{#each content}}
  151 + {{#if img}}
  152 + <img src="{{img}}" alt="">
  153 + {{/if}}
  154 + {{#if text}}
  155 + <p>{{text}}</p>
  156 + {{/if}}
  157 + {{/each}}
  158 + </div>
  159 + </div>
  160 + {{/each}}
  161 + <div class="load-more">
  162 + <a href="javascript:;"></a>
  163 + </div>
  164 + </div>
15 </div> 165 </div>
16 -</div>  
  166 +</div>
  167 +{{> layout/footer_jian}}
  1 +{{> layout/writer_header320}}
  2 +<div id="wx_pic" style="width:0px; height:0px; overflow:hidden"><img src="{{shareImg}}"/></div>
  3 +<div id="trial-detail" class="detail">
  4 + {{# detailData}}
  5 + <h2 class="share-h2">{{title}}</h2>
  6 + <h3 class="share-h3">{{subTitle}}</h3>
  7 + <div class="author-channel">
  8 + {{# author}}
  9 + <p><a class="detail_author" href="{{link}}" target="_blank">Text:&nbsp;{{name}}</a></p>
  10 + {{/ author}}
  11 + {{# channel}}<a href="{{link}}">{{name}}</a>&nbsp;|&nbsp;{{/ channel}}
  12 + {{# twoChannel}}<a href="{{link}}">{{name}}</a>&nbsp;|&nbsp;{{/ twoChannel}}
  13 + <span time="{{time}}" class="time-format"></span>
  14 + </div>
  15 + {{/ detailData}}
  16 + <div class="detail-body">
  17 + {{# content}}
  18 + {{> detail/trail_content}}
  19 + {{/ content}}
  20 + <form class="review-form" action="">
  21 + <h2 class="form-title">试用网站评鉴结果分析</h2>
  22 + <div class="chart-score clearfix">
  23 + <div class="final-score">
  24 + <h2>总体评价</h2>
  25 + {{> common/final_score}}
  26 + </div>
  27 + <div id="chart"></div>
  28 + </div>
  29 +
  30 + {{#if reviewInfo}}
  31 + <div class="review-info">
  32 + <ul class="clearfix">
  33 + {{#each reviewInfo}}
  34 + <li>{{@key}}：{{.}}</li>
  35 + {{/each}}
  36 + </ul>
  37 + </div>
  38 + {{/if}}
  39 +
  40 + {{#if detailScore}}
  41 + <div class="detail-score">
  42 + <ul class="clearfix">
  43 + {{#each detailScore}}
  44 + <li class="clearfix" core="{{.}}">
  45 + <label>{{@key}}</label>
  46 + <div class="score-select-wrap clearfix">
  47 + <a class="score-select" href="javascript:;"></a>
  48 + <a class="score-select" href="javascript:;"></a>
  49 + <a class="score-select" href="javascript:;"></a>
  50 + <a class="score-select" href="javascript:;"></a>
  51 + <a class="score-select" href="javascript:;"></a>
  52 + </div>
  53 + </li>
  54 + {{/each}}
  55 + </ul>
  56 + </div>
  57 + {{/if}}
  58 + <div class="review-class clearfix">
  59 + {{#if buyAgain}}
  60 + <div class="buy-again review-percent">
  61 + <h4>回购评分</h4>
  62 + <ul>
  63 + {{#each buyAgain}}
  64 + <li class="clearfix">
  65 + <span>{{text}}</span>
  66 + <em><i>{{percent}}</i></em>
  67 + <span>{{num}}/{{percent}}</span>
  68 + </li>
  69 + {{/each}}
  70 + </ul>
  71 + </div>
  72 + {{/if}}
  73 + {{#if skin}}
  74 + <div class="review-percent">
  75 + <h4>参评网友肤质分布</h4>
  76 + <ul>
  77 + {{#each skin}}
  78 + <li class="clearfix">
  79 + <span>{{text}}</span>
  80 + <em><i>{{percent}}</i></em>
  81 + <span>{{num}}/{{percent}}</span>
  82 + </li>
  83 + {{/each}}
  84 + </ul>
  85 + </div>
  86 + {{/if}}
  87 + {{#if age}}
  88 + <div class="review-percent">
  89 + <h4>参评网友年龄分布</h4>
  90 + <ul>
  91 + {{#each age}}
  92 + <li class="clearfix">
  93 + <span>{{text}}</span>
  94 + <em><i>{{percent}}</i></em>
  95 + <span>{{num}}/{{percent}}</span>
  96 + </li>
  97 + {{/each}}
  98 + </ul>
  99 + </div>
  100 + {{/if}}
  101 + </div>
  102 + </form>
  103 + {{# trialStatus}}
  104 + {{> common/trial_status}}
  105 + {{/ trialStatus}}
  106 + <div class="review-list">
  107 + <h2>试用报告</h2>
  108 + {{#each reviewList}}
  109 + <div class="review-item">
  110 + <div class="item-top clearfix">
  111 + <div class="user-avatar">
  112 + <img src="{{avatar}}" alt="">
  113 + <i class="{{type}}"></i>
  114 + </div>
  115 + <div class="user-info clearfix">
  116 + <span class="name">{{nickname}}</span>
  117 + <p class="clearfix">
  118 + <span>{{isBuy}}&nbsp;/&nbsp;</span>
  119 + <span>{{age}}&nbsp;/&nbsp;</span>
  120 + <span>{{skin}}&nbsp;/&nbsp;</span>
  121 + <span>{{time}}</span>
  122 + </p>
  123 + </div>
  124 + </div>
  125 + <div class="review-content">
  126 + <h2>{{title}}</h2>
  127 + {{#each content}}
  128 + {{#if img}}
  129 + <img src="{{img}}" alt="">
  130 + {{/if}}
  131 + {{#if text}}
  132 + <p>{{text}}</p>
  133 + {{/if}}
  134 + {{/each}}
  135 + </div>
  136 + <div class="score-wrap clearfix">
  137 + {{#if detailScore}}
  138 + <div class="detail-score">
  139 + <h4>细项评分：</h4>
  140 + <ul class="clearfix">
  141 + {{#each detailScore}}
  142 + <li>{{@key}} {{.}}</li>
  143 + {{/each}}
  144 + </ul>
  145 + <div class="more-score">
  146 + <a class="more-btn" href="javascript:;">更多></a>
  147 + </div>
  148 + </div>
  149 + {{/if}}
  150 +
  151 + <div class="final-score">
  152 + <h2>总评星</h2>
  153 + {{> common/final_score}}
  154 + </div>
  155 + </div>
  156 + </div>
  157 + {{/each}}
  158 + <div class="load-more">
  159 + <a href="javascript:;"></a>
  160 + </div>
  161 + </div>
  162 + </div>
  163 +</div>
@@ -16,12 +16,11 @@ @@ -16,12 +16,11 @@
16 {{> common/trial_status}} 16 {{> common/trial_status}}
17 {{/ trialStatus}} 17 {{/ trialStatus}}
18 18
19 - {{#if formTip}} 19 + {{#unless toolTip}}
20 {{> detail/application_form}} 20 {{> detail/application_form}}
21 - {{/if}} 21 + {{/unless}}
22 22
23 - {{#if toolTip}}  
24 - {{> detail/tooltip}}  
25 - {{/if}} 23 + {{> detail/tooltip}}
26 </div> 24 </div>
27 -</div>  
  25 +</div>
  26 +{{> layout/footer_jian}}
@@ -31,3 +31,4 @@ @@ -31,3 +31,4 @@
31 {{/if}} 31 {{/if}}
32 </div> 32 </div>
33 </div> 33 </div>
  34 +{{> layout/footer320}}
1 -<div class="detail-score">  
2 - <ul class="clearfix">  
3 - {{#each detailScore}}  
4 - <li index="{{@key}}">  
5 - <label>{{.}}</label>  
6 - <div class="score-select-wrap">  
7 - <a class="score-select" href="javascript:;">1</a>  
8 - <a class="score-select" href="javascript:;">2</a>  
9 - <a class="score-select" href="javascript:;">3</a>  
10 - <a class="score-select" href="javascript:;">4</a>  
11 - <a class="score-select" href="javascript:;">5</a>  
12 - </div>  
13 - <span class="score-text"></span>  
14 - </li>  
15 - {{/each}}  
16 - </ul>  
17 -</div>  
1 -<div class="final-score clearfix">  
2 - <span class="score-num">{{score}}</span> 1 +
  2 +<div class="score-content clearfix">
  3 + <span class="score-num"><em>{{score}}</em>/5分</span>
3 <ul class="star-list clearfix"> 4 <ul class="star-list clearfix">
4 <li></li> 5 <li></li>
5 <li></li> 6 <li></li>
@@ -33,4 +33,11 @@ @@ -33,4 +33,11 @@
33 {{/ writer}} 33 {{/ writer}}
34 {{# publish}} 34 {{# publish}}
35 {{> script/publish}} 35 {{> script/publish}}
36 -{{/ publish}}  
  36 +{{/ publish}}
  37 +{{# review}}
  38 + {{> script/review}}
  39 +{{/ review}}
  40 +
  41 +{{# detailTrial}}
  42 + {{> script/detail_trial}}
  43 +{{/ detailTrial}}
1 <div class="trial-step"> 1 <div class="trial-step">
2 <ul class="clearfix"> 2 <ul class="clearfix">
3 {{#each trialStep}} 3 {{#each trialStep}}
4 - <li class="{{# current}}current{{/ current}}"> 4 + <li class="{{# current}}current{{/ current}} {{#if @last}}last-step{{/if}}">
5 <span>Step{{step}}:</span> 5 <span>Step{{step}}:</span>
6 <em>{{textCn}}</em> 6 <em>{{textCn}}</em>
7 - <i>{{#unless @last}}>{{/unless}}</i>  
8 </li> 7 </li>
9 {{/each}} 8 {{/each}}
10 </ul> 9 </ul>
@@ -4,105 +4,140 @@ @@ -4,105 +4,140 @@
4 <p>{{formTip}}</p> 4 <p>{{formTip}}</p>
5 </div> 5 </div>
6 <div class="form"> 6 <div class="form">
7 - <form action=""> 7 + {{# form}}
  8 + <form id="application-form" c-id="{{id}}" action="">
8 <p class="clearfix"> 9 <p class="clearfix">
9 <label for="user-name">姓名：</label> 10 <label for="user-name">姓名：</label>
10 - <input id="user-name" class="char" type="text"> 11 + <input id="userName" name="userName" class="char required" type="text" value="{{name}}">
11 </p> 12 </p>
12 <p class="clearfix"> 13 <p class="clearfix">
13 <label for="user-tell">手机：</label> 14 <label for="user-tell">手机：</label>
14 - <input id="user-tell" class="char" type="text"> 15 + <input id="userTell" name="userTell" class="char required" type="text" value="{{tell}}">
15 <i class="verification-btn">获取验证码</i> 16 <i class="verification-btn">获取验证码</i>
16 </p> 17 </p>
17 <p class="clearfix"> 18 <p class="clearfix">
18 <label for="user-verification">验证码：</label> 19 <label for="user-verification">验证码：</label>
19 - <input id="user-verification" class="char" type="text"> 20 + <input id="userVerification" name="verification" class="char" type="text">
20 <i class="verification-icon">验证码错误</i> 21 <i class="verification-icon">验证码错误</i>
21 </p> 22 </p>
22 <p class="address-char clearfix"> 23 <p class="address-char clearfix">
23 <label for="user-address">地址：</label> 24 <label for="user-address">地址：</label>
24 - <span id="user-address" class="varchar" contentEditable="true"></span> 25 + <span id="userAddress" class="varchar" contentEditable="true">{{address}}</span>
25 </p> 26 </p>
26 <p class="clearfix"> 27 <p class="clearfix">
27 <label for="user-age">年龄：</label> 28 <label for="user-age">年龄：</label>
28 - <input id="user-age" class="char" type="text"> 29 + <input id="userAge" name="age" class="char required" type="text" value="{{age}}">
29 </p> 30 </p>
30 - <p class="clearfix"> 31 + <p class="gender-select clearfix">
31 <label>性别：</label> 32 <label>性别：</label>
32 - <input id="gender-male" class="radio checked" name="user-gender" type="radio" value="男" checked>  
33 - <label class="radio-label" for="gender-male">男</label>  
34 - <input id="gender-female" class="radio" name="user-gender" type="radio" value="女">  
35 - <label class="radio-label" for="gender-female">女</label> 33 + <!-- <span class="select-item clearfix">
  34 + <input id="genderMale" class="gender radio" name="user-gender" type="radio" value="男" {{#if male}}checked{{/if}}>
  35 + <label class="radio-label {{#if male}}current{{/if}}" for="genderMale">男</label>
  36 + </span>
  37 + <span class="select-item clearfix">
  38 + <input id="genderFemale" class="gender radio" name="user-gender" type="radio" value="女">
  39 + <label class="radio-label {{#if female}}current{{/if}}" for="genderFemale">女</label>
  40 + </span> -->
  41 + {{#each gender}}
  42 + <span class="select-item clearfix">
  43 + <input id="gender{{@index}}" class="gender radio" name="user-gender" type="radio" value="{{value}}" {{#if default}}checked{{/if}}>
  44 + <label class="radio-label {{#if default}}current{{/if}}" for="gender{{@index}}">{{value}}</label>
  45 + </span>
  46 + {{/each}}
36 </p> 47 </p>
37 - <p class="clearfix"> 48 + <p class="skin-select clearfix">
38 <label>肤质：</label> 49 <label>肤质：</label>
39 - <input id="skin1" class="radio checked" name="user-skin" type="radio" value="中性" checked>  
40 - <label class="radio-label radio-long-label" for="skin1">中性</label>  
41 - <input id="skin2" class="radio" name="user-skin" type="radio" value="干性">  
42 - <label class="radio-label radio-long-label" for="skin2">干性</label>  
43 - <input id="skin3" class="radio" name="user-skin" type="radio" value="油性">  
44 - <label class="radio-label radio-long-label" for="skin3">油性</label>  
45 - <input id="skin4" class="radio" name="user-skin" type="radio" value="混合">  
46 - <label class="radio-label radio-long-label" for="skin4">混合</label>  
47 - <input id="skin5" class="radio" name="user-skin" type="radio" value="敏感">  
48 - <label class="radio-label radio-long-label" for="skin5">敏感</label> 50 + <!-- <span class="select-item clearfix">
  51 + <input id="skin1" class="radio checked" name="user-skin" type="radio" value="中性" checked>
  52 + <label class="radio-label radio-long-label current" for="skin1">中性</label>
  53 + </span>
  54 + <span class="select-item clearfix">
  55 + <input id="skin2" class="radio" name="user-skin" type="radio" value="干性">
  56 + <label class="radio-label radio-long-label" for="skin2">干性</label>
  57 + </span>
  58 + <span class="select-item clearfix">
  59 + <input id="skin3" class="radio" name="user-skin" type="radio" value="油性">
  60 + <label class="radio-label radio-long-label" for="skin3">油性</label>
  61 + </span>
  62 + <span class="select-item clearfix">
  63 + <input id="skin4" class="radio" name="user-skin" type="radio" value="混合">
  64 + <label class="radio-label radio-long-label" for="skin4">混合</label>
  65 + </span>
  66 + <span class="select-item clearfix">
  67 + <input id="skin5" class="radio" name="user-skin" type="radio" value="敏感">
  68 + <label class="radio-label radio-long-label" for="skin5">敏感</label>
  69 + </span> -->
  70 + {{#each skin}}
  71 + <span class="select-item clearfix">
  72 + <input id="skin{{@index}}" class="radio" name="user-skin" type="radio" value="{{text}}" {{#if default}}checked{{/if}}>
  73 + <label class="radio-label radio-long-label {{#if default}}current{{/if}}" for="skin{{@index}}">{{text}}</label>
  74 + </span>
  75 + {{/each}}
49 </p> 76 </p>
50 <p class="clearfix"> 77 <p class="clearfix">
51 <label>您的问题</label> 78 <label>您的问题</label>
52 </p> 79 </p>
53 <p class="trouble-wrap clearfix"> 80 <p class="trouble-wrap clearfix">
54 - <span class="clearfix"> 81 + <!-- <span class="select-item clearfix">
55 <input id="trouble1" class="checkbox" name="user-trouble" type="checkbox" value="干燥"> 82 <input id="trouble1" class="checkbox" name="user-trouble" type="checkbox" value="干燥">
56 <em></em> 83 <em></em>
57 <label class="checkbox-label" for="trouble1">干燥</label> 84 <label class="checkbox-label" for="trouble1">干燥</label>
58 </span> 85 </span>
59 - <span class="clearfix"> 86 + <span class="select-item clearfix">
60 <input id="trouble2" class="checkbox" name="user-trouble" type="checkbox" value="过敏"> 87 <input id="trouble2" class="checkbox" name="user-trouble" type="checkbox" value="过敏">
61 <em></em> 88 <em></em>
62 <label class="checkbox-label" for="trouble2">过敏</label> 89 <label class="checkbox-label" for="trouble2">过敏</label>
63 </span> 90 </span>
64 - <span class="clearfix"> 91 + <span class="select-item clearfix">
65 <input id="trouble3" class="checkbox" name="user-trouble" type="checkbox" value="松弛"> 92 <input id="trouble3" class="checkbox" name="user-trouble" type="checkbox" value="松弛">
66 <em></em> 93 <em></em>
67 <label class="checkbox-label" for="trouble3">松弛</label> 94 <label class="checkbox-label" for="trouble3">松弛</label>
68 </span> 95 </span>
69 - <span class="clearfix"> 96 + <span class="select-item clearfix">
70 <input id="trouble4" class="checkbox" name="user-trouble" type="checkbox" value="细纹"> 97 <input id="trouble4" class="checkbox" name="user-trouble" type="checkbox" value="细纹">
71 <em></em> 98 <em></em>
72 <label class="checkbox-label" for="trouble4">细纹</label> 99 <label class="checkbox-label" for="trouble4">细纹</label>
73 </span> 100 </span>
74 - <span class="clearfix"> 101 + <span class="select-item clearfix">
75 <input id="trouble5" class="checkbox" name="user-trouble" type="checkbox" value="出油"> 102 <input id="trouble5" class="checkbox" name="user-trouble" type="checkbox" value="出油">
76 <em></em> 103 <em></em>
77 <label class="checkbox-label" for="trouble5">出油</label> 104 <label class="checkbox-label" for="trouble5">出油</label>
78 </span> 105 </span>
79 - <span class="clearfix"> 106 + <span class="select-item clearfix">
80 <input id="trouble6" class="checkbox" name="user-trouble" type="checkbox" value="痘痘"> 107 <input id="trouble6" class="checkbox" name="user-trouble" type="checkbox" value="痘痘">
81 <em></em> 108 <em></em>
82 <label class="checkbox-label" for="trouble6">痘痘</label> 109 <label class="checkbox-label" for="trouble6">痘痘</label>
83 </span> 110 </span>
84 - <span class="clearfix"> 111 + <span class="select-item clearfix">
85 <input id="trouble7" class="checkbox" name="user-trouble" type="checkbox" value="红血丝"> 112 <input id="trouble7" class="checkbox" name="user-trouble" type="checkbox" value="红血丝">
86 <em></em> 113 <em></em>
87 <label class="checkbox-label" for="trouble7">红血丝</label> 114 <label class="checkbox-label" for="trouble7">红血丝</label>
88 </span> 115 </span>
89 - <span class="clearfix"> 116 + <span class="select-item clearfix">
90 <input id="trouble8" class="checkbox" name="user-trouble" type="checkbox" value="色斑"> 117 <input id="trouble8" class="checkbox" name="user-trouble" type="checkbox" value="色斑">
91 <em></em> 118 <em></em>
92 <label class="checkbox-label" for="trouble8">色斑</label> 119 <label class="checkbox-label" for="trouble8">色斑</label>
93 </span> 120 </span>
94 - <span class="clearfix"> 121 + <span class="select-item clearfix">
95 <input id="trouble9" class="checkbox" name="user-trouble" type="checkbox" value="肤色不均"> 122 <input id="trouble9" class="checkbox" name="user-trouble" type="checkbox" value="肤色不均">
96 <em></em> 123 <em></em>
97 <label class="checkbox-label" for="trouble9">肤色不均</label> 124 <label class="checkbox-label" for="trouble9">肤色不均</label>
  125 + </span> -->
  126 + {{#each problem}}
  127 + <span class="select-item clearfix">
  128 + <input id="trouble{{@index}}" class="checkbox" name="user-trouble" type="checkbox" value="{{text}}" {{#if default}}checked{{/if}}>
  129 + <em class="{{#if default}}current{{/if}}"></em>
  130 + <label class="checkbox-label" for="trouble{{@index}}">{{text}}</label>
98 </span> 131 </span>
  132 + {{/each}}
99 </p> 133 </p>
100 <div class="application-reason" contentEditable="true"> 134 <div class="application-reason" contentEditable="true">
101 <span class="placeholder">你可以从肌肤现有问题，钟爱哪些产品等方面提交申请理由</span> 135 <span class="placeholder">你可以从肌肤现有问题，钟爱哪些产品等方面提交申请理由</span>
102 </div> 136 </div>
103 <p class="clearfix"> 137 <p class="clearfix">
104 - <input class="submit-btn" type="button" value="免费申请"> 138 + <input id="submit-btn" class="submit-btn" type="submit" value="免费申请">
105 </p> 139 </p>
106 </form> 140 </form>
  141 + {{/ form}}
107 </div> 142 </div>
108 </div> 143 </div>
1 <div class="detail-side"> 1 <div class="detail-side">
2 - {{# ad}}  
3 <div class="detail-ad"> 2 <div class="detail-ad">
4 - <a href="{{url}}" target="_blank" onclick="YOHODCLICK('detail','web','rightBannerHK')"><img src="{{src}}" alt="{{alt}}"></a>  
5 </div> 3 </div>
6 - {{/ ad}}  
7 {{> detail/detail_side_download}} 4 {{> detail/detail_side_download}}
8 {{> detail/detail_side_focus}} 5 {{> detail/detail_side_focus}}
9 {{> detail/detail_side_video}} 6 {{> detail/detail_side_video}}
1 -<div class="tooltip">  
2 - <p class="trial-tip">{{toolTip}}</p> 1 +{{^ toolTip}}
  2 +<div class="tooltip" style="display:none;">
  3 + <p class="trial-tip">恭喜您申请提交成功！</p>
3 <p>请耐心等待系统审核</p> 4 <p>请耐心等待系统审核</p>
4 <p>我们会短信通知您申请结果</p> 5 <p>我们会短信通知您申请结果</p>
5 -</div>  
  6 +</div>
  7 +{{/ toolTip}}
  8 +{{# toolTip}}
  9 +<div class="tooltip">
  10 + <p class="trial-tip">{{title}}</p>
  11 + <p>{{content}}</p>
  12 +</div>
  13 +{{/ toolTip}}
@@ -4,4 +4,7 @@ @@ -4,4 +4,7 @@
4 <img src="{{.}}" alt=""> 4 <img src="{{.}}" alt="">
5 {{/ bigImg}} 5 {{/ bigImg}}
6 </div> 6 </div>
  7 + <div class="main-content">
  8 + {{mainHtml}}
  9 + </div>
7 </div> 10 </div>
  1 +<script type="text/javascript" charset="utf-8">
  2 + //详情页面JS
  3 + seajs.use(['js/channel/detail-trial', 'js/public']);
  4 +</script>
1 <script type="text/javascript" charset="utf-8"> 1 <script type="text/javascript" charset="utf-8">
2 - //详情页面JS  
3 seajs.use(['js/channel/publish', 'js/public'], function() {}); 2 seajs.use(['js/channel/publish', 'js/public'], function() {});
4 </script> 3 </script>
  1 +<script type="text/javascript" charset="utf-8">
  2 + seajs.use(['js/channel/review', 'js/public'], function() {});
  3 +</script>