ued / yohogirls-views · Commits

Go to a project

Authored by happyhour7
Commit a9a09b8d417cf96031de306703b5676cdad8db4b 1 parent 8547b37e

2015-4-16日工作文件提交

Inline Side-by-side
Showing 8 changed files with 349 additions and 121 deletions
1 { 1 {
  2 + "channel": "default",
2 "tvs": [ 3 "tvs": [
3 { 4 {
4 "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424", 5 "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
@@ -9,8 +10,37 @@ @@ -9,8 +10,37 @@
9 }, { 10 }, {
10 "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424", 11 "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
11 "link": "http://www.baidu.com" 12 "link": "http://www.baidu.com"
  13 + }, {
  14 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  15 + "link": "http://www.baidu.com"
  16 + }, {
  17 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  18 + "link": "http://www.baidu.com"
  19 + }, {
  20 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  21 + "link": "http://www.baidu.com"
12 } 22 }
13 ], 23 ],
  24 + "banner": {
  25 + "bannerLength":true,
  26 + "data":[
  27 + {
  28 +
  29 + "img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
  30 + "link": "http://www.baidu.com"
  31 + },{
  32 + "img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
  33 + "link": "http://www.baidu.com"
  34 + },{
  35 + "img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
  36 + "link": "http://www.baidu.com"
  37 + }
  38 + ]
  39 + },
  40 + "advert": {
  41 + "link": "http://www.baidu.com",
  42 + "img": "http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg"
  43 + },
14 "topItems": [ 44 "topItems": [
15 { 45 {
16 "channel": "Fashion", 46 "channel": "Fashion",
@@ -45,6 +75,165 @@ @@ -45,6 +75,165 @@
45 "title": "这是主标题", 75 "title": "这是主标题",
46 "subtitle": "这是副标题", 76 "subtitle": "这是副标题",
47 "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容" 77 "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  78 + }, {
  79 + "channel": "LifeStyle",
  80 +
  81 + "channelClass": "lifestyle",
  82 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  83 + "link": "http://www.baidu.com",
  84 + "date": "2 days ago",
  85 + "channelURL": "http://www.baidu.com",
  86 + "title": "这是主标题",
  87 + "subtitle": "这是副标题",
  88 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  89 + }
  90 + ],
  91 + "bottomItems": [
  92 + {
  93 + "channel": "Fashion",
  94 + "channelClass": "fashion",
  95 + "borderClass": "home-item-border",
  96 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  97 + "link": "http://www.baidu.com",
  98 + "date": "2 days ago",
  99 + "channelURL": "http://www.baidu.com",
  100 + "title": "这是主标题",
  101 + "subtitle": "这是副标题",
  102 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  103 + }, {
  104 + "channel": "Vedio",
  105 + "borderClass": "home-item-border",
  106 + "channelClass": "vedio",
  107 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  108 + "link": "http://www.baidu.com",
  109 + "date": "2 days ago",
  110 + "channelURL": "http://www.baidu.com",
  111 + "title": "这是主标题",
  112 + "subtitle": "这是副标题",
  113 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  114 + }, {
  115 + "channel": "LifeStyle",
  116 +
  117 + "channelClass": "lifestyle",
  118 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  119 + "link": "http://www.baidu.com",
  120 + "date": "2 days ago",
  121 + "channelURL": "http://www.baidu.com",
  122 + "title": "这是主标题",
  123 + "subtitle": "这是副标题",
  124 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  125 + }, {
  126 + "channel": "Fashion",
  127 + "channelClass": "fashion",
  128 + "borderClass": "home-item-border",
  129 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  130 + "link": "http://www.baidu.com",
  131 + "date": "2 days ago",
  132 + "channelURL": "http://www.baidu.com",
  133 + "title": "这是主标题",
  134 + "subtitle": "这是副标题",
  135 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  136 + }, {
  137 + "channel": "Vedio",
  138 + "borderClass": "home-item-border",
  139 + "channelClass": "vedio",
  140 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  141 + "link": "http://www.baidu.com",
  142 + "date": "2 days ago",
  143 + "channelURL": "http://www.baidu.com",
  144 + "title": "这是主标题",
  145 + "subtitle": "这是副标题",
  146 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  147 + }, {
  148 + "channel": "LifeStyle",
  149 +
  150 + "channelClass": "lifestyle",
  151 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  152 + "link": "http://www.baidu.com",
  153 + "date": "2 days ago",
  154 + "channelURL": "http://www.baidu.com",
  155 + "title": "这是主标题",
  156 + "subtitle": "这是副标题",
  157 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  158 + }, {
  159 + "channel": "Fashion",
  160 + "channelClass": "fashion",
  161 + "borderClass": "home-item-border",
  162 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  163 + "link": "http://www.baidu.com",
  164 + "date": "2 days ago",
  165 + "channelURL": "http://www.baidu.com",
  166 + "title": "这是主标题",
  167 + "subtitle": "这是副标题",
  168 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  169 + }, {
  170 + "channel": "Vedio",
  171 + "borderClass": "home-item-border",
  172 + "channelClass": "vedio",
  173 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  174 + "link": "http://www.baidu.com",
  175 + "date": "2 days ago",
  176 + "channelURL": "http://www.baidu.com",
  177 + "title": "这是主标题",
  178 + "subtitle": "这是副标题",
  179 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  180 + }, {
  181 + "channel": "LifeStyle",
  182 +
  183 + "channelClass": "lifestyle",
  184 + "img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
  185 + "link": "http://www.baidu.com",
  186 + "date": "2 days ago",
  187 + "channelURL": "http://www.baidu.com",
  188 + "title": "这是主标题",
  189 + "subtitle": "这是副标题",
  190 + "content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
  191 + }
  192 + ],
  193 + "pager":[
  194 + {
  195 + "text":"1",
  196 + "link":""
  197 + },{
  198 + "text":"2",
  199 + "link":"",
  200 + "isChoosen":true
  201 + },{
  202 + "text":"3",
  203 + "link":""
  204 + },{
  205 + "text":"4",
  206 + "link":""
  207 + },{
  208 + "text":"5",
  209 + "link":""
  210 + },{
  211 + "text":"6",
  212 + "link":""
  213 + },{
  214 + "text":"1",
  215 + "link":""
  216 + },{
  217 + "text":"7",
  218 + "link":""
  219 + },{
  220 + "text":"8",
  221 + "link":""
  222 + },{
  223 + "text":"9",
  224 + "link":""
  225 + },{
  226 + "text":"10",
  227 + "link":""
  228 + },{
  229 + "text":"...",
  230 + "link":""
  231 + },{
  232 + "text":"499",
  233 + "link":""
  234 + },{
  235 + "text":">",
  236 + "link":""
48 } 237 }
49 ] 238 ]
50 } 239 }
@@ -25,11 +25,14 @@ @@ -25,11 +25,14 @@
25 </div> 25 </div>
26 {{/ topItems}} 26 {{/ topItems}}
27 <div class='right-advt'> 27 <div class='right-advt'>
28 - <a class='link'>  
29 - <img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/> 28 + {{# advert}}
  29 + <a class='link' href='{{link}}'>
  30 + <img src='{{img}}'/>
30 </a> 31 </a>
  32 + {{/ advert}}
  33 +
31 <div class="follow-us-default"> 34 <div class="follow-us-default">
32 - <div class="title">关注我们</div> 35 + <div class="title">Follow us</div>
33 <ul class="icons-content"> 36 <ul class="icons-content">
34 <li><a href="http://app.yohoshow.com" target="_blank" class="icons show"></a></li> 37 <li><a href="http://app.yohoshow.com" target="_blank" class="icons show"></a></li>
35 <li><a href="http://weibo.com/yohomedia" target="_blank" class="icons sina"></a></li> 38 <li><a href="http://weibo.com/yohomedia" target="_blank" class="icons sina"></a></li>
@@ -45,6 +48,38 @@ @@ -45,6 +48,38 @@
45 <button class="button followus-button">订阅</button> 48 <button class="button followus-button">订阅</button>
46 </div> 49 </div>
47 </div> 50 </div>
  51 + {{^ advert}}
  52 + {{> default/default_pop_top}}
  53 + {{/ advert}}
  54 + </div>
  55 + <!--中间的广告-->
  56 + {{> default/default_advt}}
  57 + <div class='bottom-item-container'>
  58 + <!--下面的位置-->
  59 + {{# bottomItems}}
  60 + <div class="home-item-public {{borderClass}}">
  61 + <a href='{{link}}' target="_blank" class="img-link">
  62 + <img class='img' src='{{img}}'/>
  63 + <span class='girl-jb girl-jb-{{channelClass}}'></span>
  64 + </a>
  65 + <div class="item-text-area">
  66 + <span class='item-date'><a class='channel' href='{{channelURL}}'>{{channel}}</a> / {{date}}</span>
  67 + <a class='item-title' href='{{link}}' target="_blank" >{{title}}</a>
  68 + <a class='item-title' href='{{link}}' target="_blank" >{{subtitle}}</a>
  69 + <a class='item-detail' href='{{link}}' target="_blank" >{{content}}</a>
  70 + </div>
48 </div> 71 </div>
  72 + {{/ bottomItems}}
  73 + {{# advert}}
  74 + {{> default/default_pop}}
  75 + {{/ advert}}
49 76
  77 + <div class='pager-content-default'>
  78 + <span class='channel-index-pager'>
  79 + {{# pager}}
  80 + <a class='pager-item {{# isChoosen}} pager-item-choosen{{/ isChoosen}}' href='{{link}}'>{{text}}</a>
  81 + {{/ pager}}
  82 + </span>
  83 + </div>
  84 + </div>
50 </div> 85 </div>
@@ -13,8 +13,8 @@ @@ -13,8 +13,8 @@
13 <ul class="enterprise-header"> 13 <ul class="enterprise-header">
14 <li class="item first enterprise-yoho"><span>YOHO!</span><a href="http://www.yoho.cn" target="_blank">集团官网</a></li> 14 <li class="item first enterprise-yoho"><span>YOHO!</span><a href="http://www.yoho.cn" target="_blank">集团官网</a></li>
15 <li class="item enterprise-youhuo"><span>YOHO!有货</span><a href="http://www.yohobuy.com" target="_blank">潮流购物</a></li> 15 <li class="item enterprise-youhuo"><span>YOHO!有货</span><a href="http://www.yohobuy.com" target="_blank">潮流购物</a></li>
16 - <li class="item item-choosen enterprise-boys"><span>YOHO!BOYS</span><a href="http://www.yohoboys.com">男生潮流</a></li>  
17 - <li class="item enterprise-girls"><span>YOHO!GIRLS</span><a href="http://www.yohogirls.com" target="_blank">女生潮流</a></li> 16 + <li class="item enterprise-boys"><span>YOHO!BOYS</span><a href="http://www.yohoboys.com">男生潮流</a></li>
  17 + <li class="item enterprise-girls item-choosen"><span>YOHO!GIRLS</span><a href="http://www.yohogirls.com" target="_blank">女生潮流</a></li>
18 <li class="item enterprise-show"><span>YOHO!SHOW</span><a href="http://www.yohoshow.com" target="_blank">物趣分享</a></li> 18 <li class="item enterprise-show"><span>YOHO!SHOW</span><a href="http://www.yohoshow.com" target="_blank">物趣分享</a></li>
19 <li class="item enterprise-yohood"><span>YOHOOD</span><a href="http://www.yohood.cn" target="_blank">潮流嘉年华</a></li> 19 <li class="item enterprise-yohood"><span>YOHOOD</span><a href="http://www.yohood.cn" target="_blank">潮流嘉年华</a></li>
20 <li class="jianfan"><a class="choosen" href="javascript:;">简</a>&nbsp;<a class="unchoosen">/</a>&nbsp;<a class="unchoosen" href="http://newboys.test.yoho.cn/go/location">繁</a></li> 20 <li class="jianfan"><a class="choosen" href="javascript:;">简</a>&nbsp;<a class="unchoosen">/</a>&nbsp;<a class="unchoosen" href="http://newboys.test.yoho.cn/go/location">繁</a></li>
@@ -24,7 +24,8 @@ @@ -24,7 +24,8 @@
24 <!--高的集团导航--> 24 <!--高的集团导航-->
25 <div class="enterprise" id="maxEnterprise"> 25 <div class="enterprise" id="maxEnterprise">
26 <div class="menu-item logo"><a href="http://newboys.test.yoho.cn/index.html"></a></div> 26 <div class="menu-item logo"><a href="http://newboys.test.yoho.cn/index.html"></a></div>
27 - <div class="menubar menubar-header"> 27 + <div class='menubar-header menubar-header-{{channel}}'>
  28 + <div class="menubar">
28 <div class="menu-item video menu-item-video"> 29 <div class="menu-item video menu-item-video">
29 <a class="menu-link" href="http://newboys.test.yoho.cn/video/index.html"></a> 30 <a class="menu-link" href="http://newboys.test.yoho.cn/video/index.html"></a>
30 <div class="submenu-withleft submenu-video"> 31 <div class="submenu-withleft submenu-video">
@@ -37,43 +38,47 @@ @@ -37,43 +38,47 @@
37 </div> 38 </div>
38 </div> 39 </div>
39 </div> 40 </div>
40 - <div class="menu-item fashion menu-item-fashion">  
41 - <a class="menu-link" href="http://newboys.test.yoho.cn/fashion/index.html"></a>  
42 - <div class="submenu-waiting submenu-waiting-without-left"></div>  
43 - <!--高的集团导航--></div>  
44 - <div class="menu-item sports menu-item-sports">  
45 - <a class="menu-link" href="http://newboys.test.yoho.cn/sports/index.html"></a>  
46 - <div class="submenu-waiting submenu-waiting-without-left"></div> 41 +
  42 +
  43 +
  44 + <div class="menu-item menu-item-fashion">
  45 + <a class="menu-link-channel menu-link-fashion" href="http://newboys.test.yoho.cn/fashion/index.html">fashion</a>
  46 + <!--高的集团导航-->
47 </div> 47 </div>
48 - <div class="menu-item lifestyle menu-item-lifestyle">  
49 - <a class="menu-link" href="http://newboys.test.yoho.cn/lifestyle/index.html"></a>  
50 - <div class="submenu-waiting submenu-waiting-without-left"></div> 48 + <div class="menu-item menu-item-sports">
  49 + <a class="menu-link-channel menu-link-beauty" href="http://newboys.test.yoho.cn/sports/index.html">beauty</a>
51 </div> 50 </div>
52 - <div class="menu-item magazine menu-item-magazine">  
53 - <a class="menu-link" href="http://newboys.test.yoho.cn/magazine/index.html"></a>  
54 - <div class="submenu-waiting submenu-waiting-without-left"></div> 51 + <div class="menu-item menu-item-lifestyle">
  52 + <a class="menu-link-channel menu-link-sports" href="http://newboys.test.yoho.cn/lifestyle/index.html">sports</a>
55 </div> 53 </div>
56 - <div class="menu-item map menu-item-map">  
57 - <a class="menu-link" href="http://newboys.test.yoho.cn/map/index.html"></a>  
58 - <div class="submenu-waiting submenu-waiting-without-left"></div> 54 + <div class="menu-item menu-item-map">
  55 + <a class="menu-link-channel menu-link-lifestyle" href="http://newboys.test.yoho.cn/map/index.html">lifestyle</a>
  56 + </div>
  57 + <div class="menu-item menu-item-map">
  58 + <a class="menu-link-channel menu-link-vedio" href="http://newboys.test.yoho.cn/map/index.html">video</a>
  59 + </div>
  60 + <div class="menu-item menu-item-map">
  61 + <a class="menu-link-channel menu-link-magazine" href="http://newboys.test.yoho.cn/map/index.html">magazine</a>
59 </div> 62 </div>
60 <span class="right iconfont search-area"> 63 <span class="right iconfont search-area">
61 - <span class="icons"></span> 64 + <!--<span class="icons"></span>
62 <span class="getapp">get our app! 65 <span class="getapp">get our app!
63 <span class="bitmap" style="display: none;"> 66 <span class="bitmap" style="display: none;">
64 <a class="a-link" href="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&amp;down.myapp.com" target="_blank"></a> 67 <a class="a-link" href="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&amp;down.myapp.com" target="_blank"></a>
65 <a class="a-img"></a> 68 <a class="a-img"></a>
66 <a class="a-text">DOWNLOAD <br>YOHO!BOYS</a> 69 <a class="a-text">DOWNLOAD <br>YOHO!BOYS</a>
67 </span> 70 </span>
68 - </span>  
69 - <span class="splitline"></span> 71 + </span>-->
  72 +
70 73
71 <span class="search-loading-icon" style="display: none;"></span> 74 <span class="search-loading-icon" style="display: none;"></span>
72 <a class="search-icon" href="/search"></a> 75 <a class="search-icon" href="/search"></a>
73 - <span class="search-text search-text-big" style="display: inline;"><span class="search-text-content">Search...</span><input class="search-input-box search-input-box-big ac_input" autocomplete="off" style="display: none;"><span class="home-search-button" id="search-button" style="display: none;"></span></span> 76 + <span class="search-text search-text-big" style="display: inline;"><span class="search-text-content">search...</span><input class="search-input-box search-input-box-big ac_input" autocomplete="off" style="display: none;"><span class="home-search-button" id="search-button" style="display: none;"></span></span>
  77 + <span class="splitline"></span>
74 </span> 78 </span>
75 </div> 79 </div>
76 </div> 80 </div>
  81 + </div>
77 82
78 83
79 84
@@ -87,9 +92,9 @@ @@ -87,9 +92,9 @@
87 <!--矮的集团导航--> 92 <!--矮的集团导航-->
88 <div class="enterprise" id="minEnterprise" style="margin-top: 0px; position: fixed; padding-top: 10px; top: 0px; z-index: 99999; background: rgb(255, 255, 255);display:none;"> 93 <div class="enterprise" id="minEnterprise" style="margin-top: 0px; position: fixed; padding-top: 10px; top: 0px; z-index: 99999; background: rgb(255, 255, 255);display:none;">
89 <div class="menubar menubar-move"> 94 <div class="menubar menubar-move">
90 - <div class="menu-item-logo"><a href="http://newboys.test.yoho.cn/index.html"></a></div> 95 + <div class="menu-item-logo"><a href="http://www.yohogirls.com"></a></div>
91 <div class="menu-item video menu-item-video"> 96 <div class="menu-item video menu-item-video">
92 - <a class="menu-link" href="http://newboys.test.yoho.cn/video/index.html"></a> 97 + <a class="menu-link" href="http://www.yohogirls.com"></a>
93 <div class="submenu-withleft submenu-video"> 98 <div class="submenu-withleft submenu-video">
94 <div class="left"> 99 <div class="left">
95 <a href="http://newboys.test.yoho.cn/video/list-people-index-1.html" class="left-item" sub="video-people">人物</a> 100 <a href="http://newboys.test.yoho.cn/video/list-people-index-1.html" class="left-item" sub="video-people">人物</a>
@@ -136,60 +141,7 @@ @@ -136,60 +141,7 @@
136 </div> 141 </div>
137 </div> 142 </div>
138 143
139 - <div class="scrollPic-content">  
140 - <a class="arrow arrow-left" href="javascript:;"></a>  
141 - <a class="arrow arrow-right" href="javascript:;"></a>  
142 - <div class="swiper-container" style="cursor: -webkit-grab;">  
143 - <div class="swiper-wrapper" style="width: 7560px; height: 425px; transform: translate3d(-1680px, 0px, 0px); -webkit-transform: translate3d(-1680px, 0px, 0px); transition: 0.3s; -webkit-transition: 0.3s; background-color: rgb(255, 255, 255);"><div class="swiper-slide swiper-slide-duplicate" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
144 - <a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">  
145 - <img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">  
146 - </a>  
147 - </div>  
148 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
149 - <a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">  
150 - <img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">  
151 - </a>  
152 - </div>  
153 - <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
154 - <a href="http://previewboys.yoho.cn/news/people-1261-0-0.html" target="_blank" title="">  
155 - <img src="http://img01.yohoboys.com/staticimg/2014/12/30/13/018dc60a7d925590eefdfefe00b33323e6.jpg" alt="">  
156 - </a>  
157 - </div>  
158 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
159 - <a href="http://previewboys.yoho.cn/news/lifestyle-1256-0-0.html" target="_blank" title="">  
160 - <img src="http://img01.yohoboys.com/staticimg/2014/12/25/09/01bcb38d031dfd581f761a6a2a1b944555.jpg" alt="">  
161 - </a>  
162 - </div>  
163 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
164 - <a href="http://previewboys.yoho.cn/news/fashion-1244-0-0.html" target="_blank" title="">  
165 - <img src="http://img01.yohoboys.com/staticimg/2014/12/16/10/01eeac24ef5e53e50b6074bb0649690f11.jpg" alt="">  
166 - </a>  
167 - </div>  
168 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
169 - <a href="http://previewboys.yoho.cn/news/people-1241-0-0.html" target="_blank" title="">  
170 - <img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="">  
171 - </a>  
172 - </div>  
173 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
174 - <a href="http://previewboys.yoho.cn/news/sports-1239-0-0.html" target="_blank" title="">  
175 - <img src="http://img01.yohoboys.com/staticimg/2014/12/09/09/01568f6fea500fbf172a50ee02334a20ce.jpg" alt="">  
176 - </a>  
177 - </div>  
178 - <div class="swiper-slide" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
179 - <a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">  
180 - <img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">  
181 - </a>  
182 - </div>  
183 -  
184 - <div class="swiper-slide swiper-slide-duplicate" style="width: 840px; height: 425px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">  
185 - <a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">  
186 - <img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">  
187 - </a>  
188 - </div></div>  
189 - </div>  
190 - <div class="pagination pagination-banner"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span></div>  
191 -  
192 - </div> 144 + {{> default/channel_banner }}
193 145
194 146
195 147
@@ -207,6 +159,7 @@ @@ -207,6 +159,7 @@
207 <a class="detail" target="_blank" href="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&amp;down.myapp.com">线上周刊，潮流百科生活</a> 159 <a class="detail" target="_blank" href="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&amp;down.myapp.com">线上周刊，潮流百科生活</a>
208 </span> 160 </span>
209 </div> 161 </div>
  162 + <span class='split-line'></span>
210 <div class="girls"> 163 <div class="girls">
211 <span class="girlbitmap"><!--<span class="download">扫一扫即刻下载</span>--></span> 164 <span class="girlbitmap"><!--<span class="download">扫一扫即刻下载</span>--></span>
212 <span class="icon"><a href="https://itunes.apple.com/cn/app/yoho!-girls-no-fashion-no/id918398578?mt=8&amp;down.myapp.com" target="_blank"></a></span> 165 <span class="icon"><a href="https://itunes.apple.com/cn/app/yoho!-girls-no-fashion-no/id918398578?mt=8&amp;down.myapp.com" target="_blank"></a></span>
  1 +<div class="scrollPic-content">
  2 + <a class="arrow arrow-left" href="javascript:;"></a>
  3 + <a class="arrow arrow-right" href="javascript:;"></a>
  4 + <div class="swiper-container" style="cursor: -webkit-grab;">
  5 + <div class="swiper-wrapper" style="width: 1080px; height: 507px;background-color: rgb(255, 255, 255);">
  6 + <div class="swiper-slide swiper-slide-duplicate" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  7 + <a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
  8 + <img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="''">
  9 + <!--http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg-->
  10 + </a>
  11 + </div>
  12 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  13 + <a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
  14 + <img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
  15 + </a>
  16 + </div>
  17 + <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  18 + <a href="http://previewboys.yoho.cn/news/people-1261-0-0.html" target="_blank" title="">
  19 + <img src="http://img01.yohoboys.com/staticimg/2014/12/30/13/018dc60a7d925590eefdfefe00b33323e6.jpg" alt="">
  20 + </a>
  21 + </div>
  22 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  23 + <a href="http://previewboys.yoho.cn/news/lifestyle-1256-0-0.html" target="_blank" title="">
  24 + <img src="http://img01.yohoboys.com/staticimg/2014/12/25/09/01bcb38d031dfd581f761a6a2a1b944555.jpg" alt="">
  25 + </a>
  26 + </div>
  27 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  28 + <a href="http://previewboys.yoho.cn/news/fashion-1244-0-0.html" target="_blank" title="">
  29 + <img src="http://img01.yohoboys.com/staticimg/2014/12/16/10/01eeac24ef5e53e50b6074bb0649690f11.jpg" alt="">
  30 + </a>
  31 + </div>
  32 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  33 + <a href="http://previewboys.yoho.cn/news/people-1241-0-0.html" target="_blank" title="">
  34 + <img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="">
  35 + </a>
  36 + </div>
  37 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  38 + <a href="http://previewboys.yoho.cn/news/sports-1239-0-0.html" target="_blank" title="">
  39 + <img src="http://img01.yohoboys.com/staticimg/2014/12/09/09/01568f6fea500fbf172a50ee02334a20ce.jpg" alt="">
  40 + </a>
  41 + </div>
  42 + <div class="swiper-slide" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  43 + <a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
  44 + <img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">
  45 + </a>
  46 + </div>
  47 +
  48 + <div class="swiper-slide swiper-slide-duplicate" style="width: 1080px; height: 507px; background: url(http://cmsres.test.yoho.cn/res/new/boys/images/loading.gif) 50% 50% no-repeat;">
  49 + <a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
  50 + <img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
  51 + </a>
  52 + </div></div>
  53 + </div>
  54 + <div class="pagination pagination-banner"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span></div>
  55 +
  56 + </div>
1 -<div class="advert-area">  
2 - <div class="swiper-container2">  
3 - <div class="swiper-wrapper" style="width: 7560px; height: 140px; transform: translate3d(-2160px, 0px, 0px); -webkit-transform: translate3d(-2160px, 0px, 0px); transition: 0.3s; -webkit-transition: 0.3s; background-color: rgb(255, 255, 255);"><div class="swiper-slide swiper-slide-duplicate" style="width: 1080px; height: 140px;">  
4 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
5 - <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" data-original="http://img02.yohoboys.com/staticimg/2014/12/24/15/02397d38384102b86f13892d7ad2dcd9e2.jpg" alt="" width="100%" height="100%">  
6 - </a>  
7 - </div>  
8 - <div class="swiper-slide" style="width: 1080px; height: 140px;">  
9 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
10 - <img src="http://img02.yohoboys.com/staticimg/2014/12/24/16/02ebc866b56398fb25aae7c841f1be7456.jpg" alt="" width="100%" height="100%">  
11 - </a>  
12 - </div>  
13 - <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1080px; height: 140px;">  
14 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
15 - <img class="lazy" src="http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg" data-original="http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg" alt="" width="100%" height="100%" style="display: inline;">  
16 - </a>  
17 - </div>  
18 - 1 +{{# banner}}
  2 + <div class="center-advt-area">
  3 + <div {{# bannerLength}} class="swiper-container2" {{/ bannerLength}}{{^ bannerLength}} class="swiper-container-single" {{/ bannerLength}}>
  4 + {{# data}}
19 <div class="swiper-slide" style="width: 1080px; height: 140px;"> 5 <div class="swiper-slide" style="width: 1080px; height: 140px;">
20 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
21 - <img class="lazy" src="http://img02.yohoboys.com/staticimg/2014/12/24/16/02930347ca227e52bf3d948eca3e86e6ea.jpg" data-original="http://img02.yohoboys.com/staticimg/2014/12/24/16/02930347ca227e52bf3d948eca3e86e6ea.jpg" alt="" width="100%" height="100%" style="display: inline;"> 6 + <a href="{{link}}" target="_blank" class="img-a">
  7 + <img class="lazy" src="{{img}}" alt="" width="100%" height="100%" style="display: inline;">
22 </a> 8 </a>
23 </div> 9 </div>
24 -  
25 - <div class="swiper-slide" style="width: 1080px; height: 140px;">  
26 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
27 - <img class="lazy" src="http://img02.yohoboys.com/staticimg/2014/12/24/15/0204012456d2da6fe62a10d577ac473ef5.jpg" data-original="http://img02.yohoboys.com/staticimg/2014/12/24/15/0204012456d2da6fe62a10d577ac473ef5.jpg" alt="" width="100%" height="100%" style="display: inline;">  
28 - </a>  
29 - </div>  
30 -  
31 - <div class="swiper-slide" style="width: 1080px; height: 140px;">  
32 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
33 - <img class="lazy" src="http://img02.yohoboys.com/staticimg/2014/12/24/15/02397d38384102b86f13892d7ad2dcd9e2.jpg" data-original="http://img02.yohoboys.com/staticimg/2014/12/24/15/02397d38384102b86f13892d7ad2dcd9e2.jpg" alt="" width="100%" height="100%" style="display: inline;">  
34 - </a>  
35 - </div>  
36 -  
37 - <div class="swiper-slide swiper-slide-duplicate" style="width: 1080px; height: 140px;">  
38 - <a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">  
39 - <img src="http://img02.yohoboys.com/staticimg/2014/12/24/16/02ebc866b56398fb25aae7c841f1be7456.jpg" alt="" width="100%" height="100%">  
40 - </a>  
41 - </div></div> 10 + {{/ data}}
42 </div> 11 </div>
  12 + {{# bannerLength}}
43 <div class="pagination-content"> 13 <div class="pagination-content">
44 <div class="pagination pagination-adv"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span></div> 14 <div class="pagination pagination-adv"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span></div>
45 </div> 15 </div>
46 - 16 + {{/ bannerLength}}
47 </div> 17 </div>
  18 +{{/ banner}}
  1 +<div class='pop-container'>
  2 + <span class='pop-text'>#POP</span>
  3 + <a class='pop-link'>
  4 + <img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
  5 + <span class='date'>2014/12月号</span>
  6 + <span class='detail'>Theme:PARTY</span>
  7 + <span class='button-container'>
  8 + <span class='button prev-button'></span>
  9 + <span class='button next-button'></span>
  10 + </span>
  11 + </a>
  12 +</div>
  1 +<div class='pop-container' style='position:relative;'>
  2 + <span class='pop-text'>#POP</span>
  3 + <a class='pop-link'>
  4 + <img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
  5 + <span class='date'>2014/12月号</span>
  6 + <span class='detail'>Theme:PARTY</span>
  7 + <span class='button-container'>
  8 + <span class='button prev-button'></span>
  9 + <span class='button next-button'></span>
  10 + </span>
  11 + </a>
  12 +</div>