PC beauty排行榜

 {{> layout/header_jian}}
 {{> channel/banner_top}}
-{{> channel/content}}
+<div class="content {{# channel}}content-{{.}}{{/ channel}} clearfix">
+    {{^ trialTop}}
+    {{# contentWithNothing}}
+    {{# topItems}}
+    {{> channel/item}}
+    {{/ topItems}}
+    {{/ contentWithNothing}}
+
+    {{# contentWithAdvert}}
+    {{# topItems}}
+    {{> channel/item}}
+    {{/ topItems}}
+    {{> channel/banner_right}}
+    {{# bottomItems}}
+    {{> channel/item}}
+    {{/ bottomItems}}
+    {{/ contentWithAdvert}}
+
+    {{# contentWithCenterBanner}}
+    {{# topItems}}
+    {{> channel/item}}
+    {{/ topItems}}
+    {{> channel/banner_center}}
+    {{# bottomItems}}
+    {{> channel/item}}
+    {{/ bottomItems}}
+    {{/ contentWithCenterBanner}}
+
+    {{# contentWithAll}}
+    {{# topItems1}}
+    {{> channel/item}}
+    {{/ topItems1}}
+    {{> channel/banner_right}}
+    {{# topItems2}}
+    {{> channel/item}}
+    {{/ topItems2}}
+    {{> channel/banner_center}}
+    {{# bottomItems}}
+    {{> channel/item}}
+    {{/ bottomItems}}
+    {{/ contentWithAll}}
+    {{/ trialTop}}
+
+    {{# trialTop}}
+    {{# contentWithNothing}}
+    <div class="content-items-group-left">
+        {{# topItemsLeft}}
+        {{> channel/item}}
+        {{/ topItemsLeft}}
+    </div>
+    <div class="trial-top">
+        {{# trialTopTen}}
+        <span class="content-item-detail-a-img">
+            <a href="{{link}}" target="_blank" class="link" title="{{title}}"
+               onclick="YOHODCLICK('channel','web','content')">
+                <img class="lazy pic"
+                     src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
+                     data-original="{{img}}" alt="{{title}}" style="display: inline;">
+            </a>
+        </span>
+        <h2 class="beauty-top-h2">本周试用排行榜</h2>
+        {{# top}}
+        <div class="top-list top-list-{{ranking}}">
+            <span class="top-leading"></span>
+            <div class="top-content">
+                <h2>{{title}}</h2>
+                <h3>{{subTitle}}</h3>
+            </div>
+            <span class="top-like-num {{bestLike}}">{{likeNum}}</span>
+        </div>
+        {{/ top}}
+        {{/ trialTopTen}}
+    </div>
+    <div class="content-items-group-right">
+        {{# topItemsRight}}
+        {{> channel/item}}
+        {{/ topItemsRight}}
+    </div>
+    <div class="content-items-group-bottom">
+        {{# topItemsBottom}}
+        {{> channel/item}}
+        {{/ topItemsBottom}}
+    </div>
+    {{/ contentWithNothing}}
+    {{/ trialTop}}
+</div>
+
 {{> channel/pager}}
 {{> layout/footer_jian}}
\ No newline at end of file

@@ -4,33 +4,39 @@
     <span class="trial-nav-r">我的试用</span>
 </div>
 
-<div class="trial-l-content trial-active-content">
+<div class="trial-l-content trial-content trial-active-content">
     {{> channel/banner320}}
     <div class="home-content">
         <ul>
             {{# content}}
             <li class="content-item channel-{{channelType}} channel-beauty-trial">
                 <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
-                    <img class="lazy" data-original="{{img}}" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" alt=""/>
+                    <img class="lazy" data-original="{{img}}"
+                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
+                         alt=""/>
                 </a>
+
                 <h2>
                     <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
                 </h2>
+
                 <h3>
-                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
+                    <a href="{{link}}" target="_blank"
+                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
                 </h3>
+
                 <div class="trial-product-info">
                     <span>价格：{{price}}元&nbsp;/&nbsp;</span>
                     <span>规格：{{size}}ml&nbsp;中样&nbsp;/&nbsp;</span>
                     <span>数量：{{num}}份</span>
                 </div>
-                <time class="trial-time-{{status}}">
+                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
                     <span>申请时间：{{timeStart}}——{{timeEnd}}</span>
                     <span class="trial-time-overplus">距离结束还有{{timeOverplus}}</span>
                 </time>
                 <div class="trial-submit">
-                    <span>免费申请</span>
-                    <span>{{likeNum}}</span>
+                    <a class="apply-link" href="{{applyLink}}">免费申请</a>
+                    <span class="apply-like-num">{{likeNum}}</span>
                 </div>
             </li>
             {{/ content}}
@@ -38,8 +44,52 @@
         {{> channel/page320}}
     </div>
 </div>
-<div class="trial-r-content">
+<div class="trial-r-content trial-content">
+    <div class="home-content">
+        <ul>
+            {{# content}}
+            <li class="content-item channel-{{channelType}} channel-beauty-trial">
+                <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
+                    <img class="lazy" data-original="{{img}}"
+                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
+                         alt=""/>
+                </a>
 
+                <h2>
+                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
+                </h2>
+
+                <h3>
+                    <a href="{{link}}" target="_blank"
+                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
+                </h3>
+
+                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
+                    <span>申请时间：{{timeStart}}</span>
+                </time>
+                <div class="apply-status">
+                    {{# success}}申请成功{{/ success}}{{# fail}}审核未通过{{/ fail}}{{# ing}}申请待审核{{/ ing}}
+                </div>
+                <div class="trial-submit">
+                    <a class="apply-detail-link" href="{{applyDetailLink}}">查看详情</a>
+                </div>
+            </li>
+            {{/ content}}
+        </ul>
+        {{> channel/page320}}
+    </div>
 </div>
 {{> default/download320}}
+<!--trialCat-->
+{{# trialCat}}
+<div id="trial-cat">
+    <div class="trial-cat-main">
+        <ul>
+            <li><a href="{{ing}}" onclick="YOHODCLICK('trial','mobile','')"></a></li>
+            <li><a href="{{success}}" onclick="YOHODCLICK('trial','mobile','')"></a></li>
+            <li><a href="{{fail}}" onclick="YOHODCLICK('trial','mobile','')"></a></li>
+        </ul>
+    </div>
+</div>
+{{/ trialCat}}
 {{> layout/footer320}}
\ No newline at end of file

@@ -9,5 +9,4 @@
 {{/ prevEnvironment}}
 {{# prodEnvironment}}
 <link rel="stylesheet" type="text/css" href="http://cdn.yoho.cn/yohogirls-frontend-web/0.0.1/girls.css"/>
-{{/ prodEnvironment}}
-
+{{/ prodEnvironment}}
\ No newline at end of file

@@ -24,7 +24,7 @@
 
 {{# writer}}
 <script type="text/javascript">
-    seajs.use(["js/channel/edit"], function(edit){
+    seajs.use(["js/channel/edit"], function (edit) {
         edit.init();
     });