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 360 additions and 132 deletions
{
"channel": "default",
"tvs": [
{
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
... ... @@ -9,8 +10,37 @@
}, {
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com"
}, {
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com"
}, {
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com"
}, {
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com"
}
],
"banner": {
"bannerLength":true,
"data":[
{
"img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
"link": "http://www.baidu.com"
},{
"img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
"link": "http://www.baidu.com"
},{
"img": "http://img02.yohoboys.com/staticimg/2014/12/24/16/0278a8c531c6bc6ffb1fedead55689a29c.jpg",
"link": "http://www.baidu.com"
}
]
},
"advert": {
"link": "http://www.baidu.com",
"img": "http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg"
},
"topItems": [
{
"channel": "Fashion",
... ... @@ -45,6 +75,165 @@
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "LifeStyle",
"channelClass": "lifestyle",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}
],
"bottomItems": [
{
"channel": "Fashion",
"channelClass": "fashion",
"borderClass": "home-item-border",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "Vedio",
"borderClass": "home-item-border",
"channelClass": "vedio",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "LifeStyle",
"channelClass": "lifestyle",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "Fashion",
"channelClass": "fashion",
"borderClass": "home-item-border",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "Vedio",
"borderClass": "home-item-border",
"channelClass": "vedio",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "LifeStyle",
"channelClass": "lifestyle",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "Fashion",
"channelClass": "fashion",
"borderClass": "home-item-border",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "Vedio",
"borderClass": "home-item-border",
"channelClass": "vedio",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}, {
"channel": "LifeStyle",
"channelClass": "lifestyle",
"img": "http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424",
"link": "http://www.baidu.com",
"date": "2 days ago",
"channelURL": "http://www.baidu.com",
"title": "这是主标题",
"subtitle": "这是副标题",
"content": "这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容，这是模拟的内容"
}
],
"pager":[
{
"text":"1",
"link":""
},{
"text":"2",
"link":"",
"isChoosen":true
},{
"text":"3",
"link":""
},{
"text":"4",
"link":""
},{
"text":"5",
"link":""
},{
"text":"6",
"link":""
},{
"text":"1",
"link":""
},{
"text":"7",
"link":""
},{
"text":"8",
"link":""
},{
"text":"9",
"link":""
},{
"text":"10",
"link":""
},{
"text":"...",
"link":""
},{
"text":"499",
"link":""
},{
"text":">",
"link":""
}
]
}
\ No newline at end of file
... ...
... ... @@ -25,11 +25,14 @@
</div>
{{/ topItems}}
<div class='right-advt'>
<a class='link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
{{# advert}}
<a class='link' href='{{link}}'>
<img src='{{img}}'/>
</a>
{{/ advert}}
<div class="follow-us-default">
<div class="title">关注我们</div>
<div class="title">Follow us</div>
<ul class="icons-content">
<li><a href="http://app.yohoshow.com" target="_blank" class="icons show"></a></li>
<li><a href="http://weibo.com/yohomedia" target="_blank" class="icons sina"></a></li>
... ... @@ -45,6 +48,38 @@
<button class="button followus-button">订阅</button>
</div>
</div>
{{^ advert}}
{{> default/default_pop_top}}
{{/ advert}}
</div>
<!--中间的广告-->
{{> default/default_advt}}
<div class='bottom-item-container'>
<!--下面的位置-->
{{# bottomItems}}
<div class="home-item-public {{borderClass}}">
<a href='{{link}}' target="_blank" class="img-link">
<img class='img' src='{{img}}'/>
<span class='girl-jb girl-jb-{{channelClass}}'></span>
</a>
<div class="item-text-area">
<span class='item-date'><a class='channel' href='{{channelURL}}'>{{channel}}</a> / {{date}}</span>
<a class='item-title' href='{{link}}' target="_blank" >{{title}}</a>
<a class='item-title' href='{{link}}' target="_blank" >{{subtitle}}</a>
<a class='item-detail' href='{{link}}' target="_blank" >{{content}}</a>
</div>
</div>
{{/ bottomItems}}
{{# advert}}
{{> default/default_pop}}
{{/ advert}}
<div class='pager-content-default'>
<span class='channel-index-pager'>
{{# pager}}
<a class='pager-item {{# isChoosen}} pager-item-choosen{{/ isChoosen}}' href='{{link}}'>{{text}}</a>
{{/ pager}}
</span>
</div>
</div>
</div>
... ...
... ... @@ -13,8 +13,8 @@
<ul class="enterprise-header">
<li class="item first enterprise-yoho"><span>YOHO!</span><a href="http://www.yoho.cn" target="_blank">集团官网</a></li>
<li class="item enterprise-youhuo"><span>YOHO!有货</span><a href="http://www.yohobuy.com" target="_blank">潮流购物</a></li>
<li class="item item-choosen enterprise-boys"><span>YOHO!BOYS</span><a href="http://www.yohoboys.com">男生潮流</a></li>
<li class="item enterprise-girls"><span>YOHO!GIRLS</span><a href="http://www.yohogirls.com" target="_blank">女生潮流</a></li>
<li class="item enterprise-boys"><span>YOHO!BOYS</span><a href="http://www.yohoboys.com">男生潮流</a></li>
<li class="item enterprise-girls item-choosen"><span>YOHO!GIRLS</span><a href="http://www.yohogirls.com" target="_blank">女生潮流</a></li>
<li class="item enterprise-show"><span>YOHO!SHOW</span><a href="http://www.yohoshow.com" target="_blank">物趣分享</a></li>
<li class="item enterprise-yohood"><span>YOHOOD</span><a href="http://www.yohood.cn" target="_blank">潮流嘉年华</a></li>
<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 @@
<!--高的集团导航-->
<div class="enterprise" id="maxEnterprise">
<div class="menu-item logo"><a href="http://newboys.test.yoho.cn/index.html"></a></div>
<div class="menubar menubar-header">
<div class='menubar-header menubar-header-{{channel}}'>
<div class="menubar">
<div class="menu-item video menu-item-video">
<a class="menu-link" href="http://newboys.test.yoho.cn/video/index.html"></a>
<div class="submenu-withleft submenu-video">
... ... @@ -37,41 +38,45 @@
</div>
</div>
</div>
<div class="menu-item fashion menu-item-fashion">
<a class="menu-link" href="http://newboys.test.yoho.cn/fashion/index.html"></a>
<div class="submenu-waiting submenu-waiting-without-left"></div>
<!--高的集团导航--></div>
<div class="menu-item sports menu-item-sports">
<a class="menu-link" href="http://newboys.test.yoho.cn/sports/index.html"></a>
<div class="submenu-waiting submenu-waiting-without-left"></div>
<div class="menu-item menu-item-fashion">
<a class="menu-link-channel menu-link-fashion" href="http://newboys.test.yoho.cn/fashion/index.html">fashion</a>
<!--高的集团导航-->
</div>
<div class="menu-item menu-item-sports">
<a class="menu-link-channel menu-link-beauty" href="http://newboys.test.yoho.cn/sports/index.html">beauty</a>
</div>
<div class="menu-item lifestyle menu-item-lifestyle">
<a class="menu-link" href="http://newboys.test.yoho.cn/lifestyle/index.html"></a>
<div class="submenu-waiting submenu-waiting-without-left"></div>
<div class="menu-item menu-item-lifestyle">
<a class="menu-link-channel menu-link-sports" href="http://newboys.test.yoho.cn/lifestyle/index.html">sports</a>
</div>
<div class="menu-item magazine menu-item-magazine">
<a class="menu-link" href="http://newboys.test.yoho.cn/magazine/index.html"></a>
<div class="submenu-waiting submenu-waiting-without-left"></div>
<div class="menu-item menu-item-map">
<a class="menu-link-channel menu-link-lifestyle" href="http://newboys.test.yoho.cn/map/index.html">lifestyle</a>
</div>
<div class="menu-item map menu-item-map">
<a class="menu-link" href="http://newboys.test.yoho.cn/map/index.html"></a>
<div class="submenu-waiting submenu-waiting-without-left"></div>
<div class="menu-item menu-item-map">
<a class="menu-link-channel menu-link-vedio" href="http://newboys.test.yoho.cn/map/index.html">video</a>
</div>
<div class="menu-item menu-item-map">
<a class="menu-link-channel menu-link-magazine" href="http://newboys.test.yoho.cn/map/index.html">magazine</a>
</div>
<span class="right iconfont search-area">
<span class="icons"></span>
<!--<span class="icons"></span>
<span class="getapp">get our app!
<span class="bitmap" style="display: none;">
<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>
<a class="a-img"></a>
<a class="a-text">DOWNLOAD <br>YOHO!BOYS</a>
</span>
</span>
<span class="splitline"></span>
</span>-->
<span class="search-loading-icon" style="display: none;"></span>
<a class="search-icon" href="/search"></a>
<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>
<span class="search-loading-icon" style="display: none;"></span>
<a class="search-icon" href="/search"></a>
<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>
<span class="splitline"></span>
</span>
</div>
</div>
</div>
... ... @@ -87,9 +92,9 @@
<!--矮的集团导航-->
<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;">
<div class="menubar menubar-move">
<div class="menu-item-logo"><a href="http://newboys.test.yoho.cn/index.html"></a></div>
<div class="menu-item-logo"><a href="http://www.yohogirls.com"></a></div>
<div class="menu-item video menu-item-video">
<a class="menu-link" href="http://newboys.test.yoho.cn/video/index.html"></a>
<a class="menu-link" href="http://www.yohogirls.com"></a>
<div class="submenu-withleft submenu-video">
<div class="left">
<a href="http://newboys.test.yoho.cn/video/list-people-index-1.html" class="left-item" sub="video-people">人物</a>
... ... @@ -136,60 +141,7 @@
</div>
</div>
<div class="scrollPic-content">
<a class="arrow arrow-left" href="javascript:;"></a>
<a class="arrow arrow-right" href="javascript:;"></a>
<div class="swiper-container" style="cursor: -webkit-grab;">
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
<img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">
</a>
</div>
<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;">
<a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/people-1261-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/30/13/018dc60a7d925590eefdfefe00b33323e6.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1256-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/25/09/01bcb38d031dfd581f761a6a2a1b944555.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/fashion-1244-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/16/10/01eeac24ef5e53e50b6074bb0649690f11.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/people-1241-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/sports-1239-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/09/09/01568f6fea500fbf172a50ee02334a20ce.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
<img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">
</a>
</div>
<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;">
<a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
</a>
</div></div>
</div>
<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>
</div>
{{> default/channel_banner }}
... ... @@ -207,6 +159,7 @@
<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>
</span>
</div>
<span class='split-line'></span>
<div class="girls">
<span class="girlbitmap"><!--<span class="download">扫一扫即刻下载</span>--></span>
<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>
... ...
<div class="scrollPic-content">
<a class="arrow arrow-left" href="javascript:;"></a>
<a class="arrow arrow-right" href="javascript:;"></a>
<div class="swiper-container" style="cursor: -webkit-grab;">
<div class="swiper-wrapper" style="width: 1080px; height: 507px;background-color: rgb(255, 255, 255);">
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
<img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="''">
<!--http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg-->
</a>
</div>
<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;">
<a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/people-1261-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/30/13/018dc60a7d925590eefdfefe00b33323e6.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1256-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/25/09/01bcb38d031dfd581f761a6a2a1b944555.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/fashion-1244-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/16/10/01eeac24ef5e53e50b6074bb0649690f11.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/people-1241-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/12/10/015822bfb6aa7cdd0f7387a8637e30c6d3.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/sports-1239-0-0.html" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2014/12/09/09/01568f6fea500fbf172a50ee02334a20ce.jpg" alt="">
</a>
</div>
<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;">
<a href="http://previewboys.yoho.cn/news/lifestyle-1228-0-0.html" target="_blank" title="''">
<img src="http://img02.yohoboys.com/staticimg/2014/12/02/13/023bc3f75535c9a233abaaf43bc3c981e2.jpg" alt="''">
</a>
</div>
<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;">
<a href="https://appsto.re/cn/IbGn5.i" target="_blank" title="">
<img src="http://img01.yohoboys.com/staticimg/2015/01/08/10/015422ab6efda33636682a8381f7234a3f.jpg" alt="">
</a>
</div></div>
</div>
<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>
</div>
\ No newline at end of file
... ...
<div class="advert-area">
<div class="swiper-container2">
<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;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<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%">
</a>
</div>
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<img src="http://img02.yohoboys.com/staticimg/2014/12/24/16/02ebc866b56398fb25aae7c841f1be7456.jpg" alt="" width="100%" height="100%">
</a>
</div>
<div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<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;">
</a>
</div>
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<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;">
</a>
</div>
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<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;">
</a>
</div>
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<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;">
</a>
</div>
<div class="swiper-slide swiper-slide-duplicate" style="width: 1080px; height: 140px;">
<a href="/go?url=http%3A%2F%2Fpreviewboys.yoho.cn%2Fnews%2Ffashion-1242-0-0.html" target="_blank" class="img-a">
<img src="http://img02.yohoboys.com/staticimg/2014/12/24/16/02ebc866b56398fb25aae7c841f1be7456.jpg" alt="" width="100%" height="100%">
</a>
</div></div>
</div>
<div class="pagination-content">
<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>
</div>
</div>
\ No newline at end of file
{{# banner}}
<div class="center-advt-area">
<div {{# bannerLength}} class="swiper-container2" {{/ bannerLength}}{{^ bannerLength}} class="swiper-container-single" {{/ bannerLength}}>
{{# data}}
<div class="swiper-slide" style="width: 1080px; height: 140px;">
<a href="{{link}}" target="_blank" class="img-a">
<img class="lazy" src="{{img}}" alt="" width="100%" height="100%" style="display: inline;">
</a>
</div>
{{/ data}}
</div>
{{# bannerLength}}
<div class="pagination-content">
<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>
</div>
{{/ bannerLength}}
</div>
{{/ banner}}
\ No newline at end of file
... ...
<div class='pop-container'>
<span class='pop-text'>#POP</span>
<a class='pop-link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
<span class='button-container'>
<span class='button prev-button'></span>
<span class='button next-button'></span>
</span>
</a>
</div>
\ No newline at end of file
... ...
<div class='pop-container' style='position:relative;'>
<span class='pop-text'>#POP</span>
<a class='pop-link'>
<img src='http://img02.yohoboys.com/staticimg/2015/04/15/09/02272ce1267b46280b7ea71d4b879cb592.jpg'/>
<span class='date'>2014/12月号</span>
<span class='detail'>Theme:PARTY</span>
<span class='button-container'>
<span class='button prev-button'></span>
<span class='button next-button'></span>
</span>
</a>
</div>
\ No newline at end of file
... ...