ued / yohogirls_mustache · Commits

Go to a project

Authored by 2586703@qq.com
Commit 53c8e17442eb2d24ff2ad9b79f08d3fcfe56d8f5 1 parent 3fe62c62

review 模板

Inline Side-by-side
Showing 9 changed files with 196 additions and 39 deletions
... ... @@ -4,7 +4,10 @@
<input placeholder="输入心得标题" type="text">
</div>
<div class="evaluate">
{{> common/final_score}}
<div class="final-score">
<h2>总体评价</h2>
{{> common/final_score}}
</div>
<div class="buy-again clearfix">
<h4>回购评分</h4>
<span class="again-score">{{buyAgain}}</span>
... ... @@ -13,7 +16,23 @@
<a class="again-select" href="javascript:;">不会买</a>
</div>
{{#if detailScore}}
{{> common/detail_score}}
<div class="detail-score">
<ul class="clearfix">
{{#each detailScore}}
<li class="clearfix" index="{{@key}}">
<label>{{.}}</label>
<div class="score-select-wrap clearfix">
<a class="score-select" href="javascript:;">1</a>
<a class="score-select" href="javascript:;">2</a>
<a class="score-select" href="javascript:;">3</a>
<a class="score-select" href="javascript:;">4</a>
<a class="score-select" href="javascript:;">5</a>
</div>
<span class="score-text"></span>
</li>
{{/each}}
</ul>
</div>
{{/if}}
</div>
... ...
... ... @@ -4,7 +4,10 @@
<input placeholder="输入心得标题" type="text">
</div>
<div class="evaluate">
{{> common/final_score}}
<div class="final-score">
<h2>总体评价</h2>
{{> common/final_score}}
</div>
<div class="buy-again clearfix">
<h4>回购评分</h4>
<span class="again-score">{{buyAgain}}</span>
... ...
... ... @@ -11,6 +11,157 @@
{{# content}}
{{> detail/trail_content}}
{{/ content}}
<form class="review-form" action="">
<h2 class="form-title">试用网站评鉴结果分析</h2>
<div class="final-score">
<h2>总体评价</h2>
{{> common/final_score}}
</div>
{{#if reviewInfo}}
<div class="review-info">
<ul class="clearfix">
{{#each reviewInfo}}
<li>{{@key}}：{{.}}</li>
{{/each}}
</ul>
</div>
{{/if}}
<div class="chart-score clearfix">
<div id="chart"></div>
{{#if detailScore}}
<div class="detail-score">
<ul class="clearfix">
{{#each detailScore}}
<li class="clearfix" core="{{.}}">
<label>{{@key}}</label>
<div class="score-select-wrap clearfix">
<a class="score-select" href="javascript:;"></a>
<a class="score-select" href="javascript:;"></a>
<a class="score-select" href="javascript:;"></a>
<a class="score-select" href="javascript:;"></a>
<a class="score-select" href="javascript:;"></a>
</div>
</li>
{{/each}}
</ul>
</div>
{{/if}}
</div>
<div class="review-class clearfix">
{{#if buyAgain}}
<div class="buy-again review-percent">
<h4>回购评分</h4>
<ul>
{{#each buyAgain}}
<li class="clearfix">
<span>{{text}}</span>
<em><i>{{percent}}</i></em>
<span>{{num}}/{{percent}}</span>
</li>
{{/each}}
</ul>
</div>
{{/if}}
{{#if skin}}
<div class="review-percent">
<h4>参评网友肤质分布</h4>
<ul>
{{#each skin}}
<li class="clearfix">
<span>{{text}}</span>
<em><i>{{percent}}</i></em>
<span>{{num}}/{{percent}}</span>
</li>
{{/each}}
</ul>
</div>
{{/if}}
{{#if age}}
<div class="review-percent">
<h4>参评网友年龄分布</h4>
<ul>
{{#each skin}}
<li class="clearfix">
<span>{{text}}</span>
<em><i>{{percent}}</i></em>
<span>{{num}}/{{percent}}</span>
</li>
{{/each}}
</ul>
</div>
{{/if}}
</div>
</form>
{{# trialStatus}}
{{> common/trial_status}}
{{/ trialStatus}}
<div class="review-list">
<h2>试用报告</h2>
{{#each reviewList}}
<div class="review-item">
<div class="item-top clearfix">
<div class="user-avatar">
<img src="{{avatar}}" alt="">
<i class="{{type}}"></i>
</div>
<div class="user-info">
<p class="info-detail clearfix" class="clearfix">
<span class="name">{{nickname}}</span>
<span>{{isBuy}}&nbsp;/&nbsp;</span>
<span>{{age}}&nbsp;/&nbsp;</span>
<span>{{skin}}&nbsp;/&nbsp;</span>
<span>{{time}}</span>
</p>
<div class="clearfix score-wrap">
<div class="final-score">
<h2>总评星</h2>
{{> common/final_score}}
</div>
{{#if detailScore}}
<div class="detail-score">
<h4>细项评分：</h4>
<ul>
{{#each detailScore}}
<li>{{@key}} {{.}}</li>
{{/each}}
</ul>
{{#if moreDetailScore}}
<div class="more-score">
<a class="more-btn" href="javascript:;">更多</a>
<div class="more-score-list">
<div class="more-score-top"></div>
<div class="more-score-bottom"></div>
<ul>
{{#each moreDetailScore}}
<li>{{@key}} {{.}}</li>
{{/each}}
</ul>
</div>
</div>
{{/if}}
</div>
{{/if}}
</div>
</div>
</div>
<div class="review-content">
<h2>{{title}}</h2>
{{#each content}}
{{#if img}}
<img src="{{img}}" alt="">
{{/if}}
{{#if text}}
<p>{{text}}</p>
{{/if}}
{{/each}}
</div>
</div>
{{/each}}
<div class="load-more">
<a href="javascript:;"></a>
</div>
</div>
</div>
</div>
\ No newline at end of file
</div>
{{> layout/footer_jian}}
\ No newline at end of file
... ...
<div class="detail-score">
<ul class="clearfix">
{{#each detailScore}}
<li class="clearfix" index="{{@key}}">
<label>{{.}}</label>
<div class="score-select-wrap clearfix">
<a class="score-select" href="javascript:;">1</a>
<a class="score-select" href="javascript:;">2</a>
<a class="score-select" href="javascript:;">3</a>
<a class="score-select" href="javascript:;">4</a>
<a class="score-select" href="javascript:;">5</a>
</div>
<span class="score-text"></span>
</li>
{{/each}}
</ul>
</div>
\ No newline at end of file
<div class="final-score">
<h2>总体评价</h2>
<div class="score-content clearfix">
<span class="score-num">{{score}}</span>
<ul class="star-list clearfix">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<span class="star-evaluate"></span>
</div>
<div class="score-content clearfix">
<span class="score-num"><em>{{score}}</em>/5分</span>
<ul class="star-list clearfix">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<span class="star-evaluate"></span>
</div>
\ No newline at end of file
... ...
... ... @@ -33,4 +33,7 @@
{{/ writer}}
{{# publish}}
{{> script/publish}}
{{/ publish}}
\ No newline at end of file
{{/ publish}}
{{# review}}
{{> script/review}}
{{/ review}}
\ No newline at end of file
... ...
<div class="trial-step">
<ul class="clearfix">
{{#each trialStep}}
<li class="{{# current}}current{{/ current}}">
<li class="{{# current}}current{{/ current}} {{#if @last}}last-step{{/if}}">
<span>Step{{step}}:</span>
<em>{{textCn}}</em>
<i>{{#unless @last}}>{{/unless}}</i>
</li>
{{/each}}
</ul>
... ...
<script type="text/javascript" charset="utf-8">
//详情页面JS
seajs.use(['js/channel/publish', 'js/public'], function() {});
</script>
\ No newline at end of file
... ...
<script type="text/javascript" charset="utf-8">
seajs.use(['js/channel/review', 'js/public'], function() {});
</script>
\ No newline at end of file
... ...