Authored by 2586703@qq.com

detail及magazine相关模板文件 2015-04-16

{
"header": {
"title": "Experience Paris with Janice Man",
"subtitle": "走躺巴黎开阔世界",
"author": "Caomei",
"class": "Fashion , Feature",
"time": "12 21 2014"
},
"article": {
"content": [
{
"slide": {
"imgList": [
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/738x424"
}
],
"smallImgList": [
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070/format/jpg"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
}
]
}
},
{
"text": {
"deps": "其实,当你还没穿到2014年版本的Y-3 Qasa,2015年春夏版本的Y-3 Qasa就这样毫无声息的公布了,但之前公布的Y-3 Qasa Low这次并没有出现在名单上,让人不解。Okay,丢掉这些不说,此番的所有鞋款的Y-3辨识度还是满载,在主调的选择上全部使用了黑白两色,我行我素的设计让人爱不释手。都是用橡胶做的鞋子,为什么Y-3的就这么养眼呢?喜欢的朋友可以耐心等待明年发售。在印象当中,来自意大利的著名牛仔时装品牌Diesel总是会与破洞、汗渍以及做旧所联系,且给人一种特立独行的叛逆味道而横行时尚界。近日品牌发布最新2015春夏季全新的造型海报。但这一次却摒弃了之前的性感路线转而推出“Independent” 与“anti-preppy” 两大主题,在品牌艺术总监Nicola Formichetti 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质,并融入的摇滚元素,令新品极具颠覆性。这个秋冬"
}
},
{
"bigImg": {
"src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
}
},
{
"text": {
"deps": "其实,当你还没穿到2014年版本的Y-3 Qasa,2015年春夏版本的Y-3 Qasa就这样毫无声息的公布了,但之前公布的Y-3 Qasa Low这次并没有出现在名单上,让人不解。Okay,丢掉这些不说,此番的所有鞋款的Y-3辨识度还是满载,在主调的选择上全部使用了黑白两色,我行我素的设计让人爱不释手。都是用橡胶做的鞋子,为什么Y-3的就这么养眼呢?喜欢的朋友可以耐心等待明年发售。在印象当中,来自意大利的著名牛仔时装品牌Diesel总是会与破洞、汗渍以及做旧所联系,且给人一种特立独行的叛逆味道而横行时尚界。近日品牌发布最新2015春夏季全新的造型海报。但这一次却摒弃了之前的性感路线转而推出“Independent” 与“anti-preppy” 两大主题,在品牌艺术总监Nicola Formichetti 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质,并融入的摇滚元素,令新品极具颠覆性。这个秋冬"
}
},
{
"bigImg": {
"src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
}
}
],
"tags": {
"tagList": [
{
"src": "http://www.yohoboys.com/tag/529",
"name": "2015春夏"
},
{
"src": "http://www.yohoboys.com/tag/425",
"name": "好莱坞"
},
{
"src": "http://www.yohoboys.com/tag/529",
"name": "街头"
},
{
"src": "http://www.yohoboys.com/tag/529",
"name": "帽款"
},
{
"src": "http://www.yohoboys.com/tag/5415",
"name": "Kangol"
}
]
}
},
"relatedPost": {
"postList": [
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "fashion",
"isVideo": true
},
{
"url": "http://www.yohogirls.com/news/more-1781-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior2015春夏手袋系列Be Dior",
"subtitle": "送给自己的年终礼物",
"date": "2015.02.23",
"channel": "beauty",
"isVideo": false
},
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "sport",
"isVideo": true
},
{
"url": "http://www.yohogirls.com/news/more-1781-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior2015春夏手袋系列Be Dior",
"subtitle": "送给自己的年终礼物",
"date": "2015.02.23",
"channel": "lifestyle",
"isVideo": false
},
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "video",
"isVideo": true
},
{
"url": "http://www.yohogirls.com/news/more-1781-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior2015春夏手袋系列Be Dior",
"subtitle": "送给自己的年终礼物",
"date": "2015.02.23",
"channel": "lifestyle",
"isVideo": false
}
]
},
"side": {
"ad": {
"url": "http://www.yohoboys.com/go?url=http%3A%2F%2Fadidasevents.com%2Foriginals%2Findex.html",
"src": "http://img01.yohoboys.com/staticimg/2015/04/16/09/01af79e543b0480110d389b5ff0bcb656e.jpg?imageMogr2/thumbnail/!0288x0217r/crop/0288x0217"
},
"appDownload": {
"iosUrl": "https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&down.myapp.com",
"androidUrl": "http://yoho-apps.qiniudn.com/YohoBoys.apk"
},
"video": {
"url": "http://www.yohoboys.com/news/index-4244-103004-0.html",
"src": "",
"title": "游走在街头巷尾的帽子時裝秀",
"subtitle": "Kangol 2015春夏帽款宣传片释出"
},
"relatedPost": {
"postList": [
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "fashion",
"isVideo": true
},
{
"url": "http://www.yohogirls.com/news/more-1781-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior2015春夏手袋系列Be Dior",
"subtitle": "送给自己的年终礼物",
"date": "2015.02.23",
"channel": "beauty",
"isVideo": false
},
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "fashion",
"isVideo": true
},
{
"url": "http://www.yohogirls.com/news/more-1781-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior2015春夏手袋系列Be Dior",
"subtitle": "送给自己的年终礼物",
"date": "2015.02.23",
"channel": "beauty",
"isVideo": false
},
{
"url": "http://www.yohogirls.com/news/more-2171-0-0.html",
"src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
"title": "Dior Rouge Brillant",
"subtitle": "你还差哪一款颜色",
"date": "2015.04.08",
"channel": "fashion",
"isVideo": true
}
]
}
}
}
\ No newline at end of file
... ...
{
"magsNew": {
"date": "2015.03.15",
"title": "Now is good 趁现在",
"magsSlide": [
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
},
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
},
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
},
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
},
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
},
{
"src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
}
]
},
"magsList": [
{
}
]
}
\ No newline at end of file
... ...
... ... @@ -2,7 +2,8 @@
"defaultActionName": "index",
"layout": {
"default-layout": "new_layout",
"detail": "detail_layout"
"detail": "detail_layout",
"magazine": "detail_layout"
},
"renderOptions": {
"login": {
... ... @@ -24,103 +25,8 @@
{"img":"http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424","link":"http://www.baidu.com"}],
"ys":{"one":"lifestyle"}
},
"detail": {
"article": {
"title": "Experience Paris with Janice Man",
"subtitle": "走躺巴黎开阔世界",
"author": "Caomei",
"class": "Fashion , Feature",
"time": "11 21 2014",
"content": [
{
"video": ""
},
{
"slide": {
"imgList": [
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/738x424"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/738x424"
}
],
"smallImgList": [
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070/format/jpg"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
},
{
"src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
}
]
}
},
{
"text": {
"deps": "其实,当你还没穿到2014年版本的Y-3 Qasa,2015年春夏版本的Y-3 Qasa就这样毫无声息的公布了,但之前公布的Y-3 Qasa Low这次并没有出现在名单上,让人不解。Okay,丢掉这些不说,此番的所有鞋款的Y-3辨识度还是满载,在主调的选择上全部使用了黑白两色,我行我素的设计让人爱不释手。都是用橡胶做的鞋子,为什么Y-3的就这么养眼呢?喜欢的朋友可以耐心等待明年发售。在印象当中,来自意大利的著名牛仔时装品牌Diesel总是会与破洞、汗渍以及做旧所联系,且给人一种特立独行的叛逆味道而横行时尚界。近日品牌发布最新2015春夏季全新的造型海报。但这一次却摒弃了之前的性感路线转而推出“Independent” 与“anti-preppy” 两大主题,在品牌艺术总监Nicola Formichetti 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质,并融入的摇滚元素,令新品极具颠覆性。这个秋冬"
}
},
{
"bigImg": {
"src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
}
},
{
"text": {
"deps": "其实,当你还没穿到2014年版本的Y-3 Qasa,2015年春夏版本的Y-3 Qasa就这样毫无声息的公布了,但之前公布的Y-3 Qasa Low这次并没有出现在名单上,让人不解。Okay,丢掉这些不说,此番的所有鞋款的Y-3辨识度还是满载,在主调的选择上全部使用了黑白两色,我行我素的设计让人爱不释手。都是用橡胶做的鞋子,为什么Y-3的就这么养眼呢?喜欢的朋友可以耐心等待明年发售。在印象当中,来自意大利的著名牛仔时装品牌Diesel总是会与破洞、汗渍以及做旧所联系,且给人一种特立独行的叛逆味道而横行时尚界。近日品牌发布最新2015春夏季全新的造型海报。但这一次却摒弃了之前的性感路线转而推出“Independent” 与“anti-preppy” 两大主题,在品牌艺术总监Nicola Formichetti 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质,并融入的摇滚元素,令新品极具颠覆性。这个秋冬"
}
},
{
"bigImg": {
"src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
}
}
],
"tags": {
"tagList": [
{
"src": "http://www.yohoboys.com/tag/529",
"name": "2015春夏"
},
{
"src": "http://www.yohoboys.com/tag/425",
"name": "好莱坞"
},
{
"src": "http://www.yohoboys.com/tag/529",
"name": "街头"
},
{
"src": "http://www.yohoboys.com/tag/529",
"name": "帽款"
},
{
"src": "http://www.yohoboys.com/tag/5415",
"name": "Kangol"
}
]
},
"status": {}
}
}
"detail": "mvc-config-detail",
"magazine": "mvc-config-magazine"
},
"ajax": {
"todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"],
... ...
... ... @@ -6,7 +6,7 @@
"start": "node ./bin/www"
},
"dependencies": {
"YJS": "^0.1.8",
"YJS": "^0.2.0",
"body-parser": "^1.12.2",
"cookie-parser": "~1.3.4",
"debug": "~2.1.1",
... ...
<div class="detail-container clearfix">
{{# article}}
{{# header}}
{{> detail/detail_title}}
<div class="detail-body">
{{# content}}
{{> detail/detail_video}}
{{> detail/detail_slide}}
{{> detail/detail_img}}
{{> detail/detail_text}}
{{/ content}}
{{> detail/detail_tag}}
{{> detail/detail_status}}
<div class="stats-btn clearfix">
<ul class="statslist clearfix">
<li class="current"><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/wow-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/wow-icon2.png" alt=""></span></a></li>
<li><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/zzz-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/zzz-icon2.png" alt=""></span></a></li>
<li><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/wtf-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/wtf-icon2.png" alt=""></span></a></li>
<li class="comments"><a class="clearfix" class="clearfix" href="javascript:;"><span><img src="http://cmsres.dev.yoho.cn/images/detail/comments-icon2.png" alt=""></span><img src="http://cmsres.dev.yoho.cn/images/detail/comments-icon.png" alt=""></a></li>
</ul>
</div>
{{/ article}}
<!-- 评论开始 -->
<div class="comments-box">
<!-- <div class="comments-list">
<ul>
<li class="clearfix">
<div class="userimg">
<img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">
<i class="qq"></i>
</div>
<div class="userinfo">
<h6>太一几楠A</h6>
<p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱,來自丹麥哥本哈根的時尚單位裁細節見稱,來自丹麥哥一
直以來憑著高品質用料與簡約剪。</p>
<a class="delete-comment" href="javascript:;"></a>
</div>
</li>
<li class="clearfix">
<div class="userimg">
<img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">
<i class="sina"></i>
</div>
<div class="userinfo">
<h6>太一几楠A</h6>
<p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱,來自丹麥哥本哈根的時尚單位裁細節見稱,來自丹麥哥一
直以來憑著高品質用料與簡約剪。</p>
<a class="delete-comment" href="javascript:;"></a>
</div>
</li>
<li class="clearfix">
<div class="userimg">
<img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">
<i class="fb"></i>
</div>
<div class="userinfo">
<h6>太一几楠A</h6>
<p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱,來自丹麥哥本哈根的時尚單位裁細節見稱,來自丹麥哥一
直以來憑著高品質用料與簡約剪。</p>
<a class="delete-comment" href="javascript:;"></a>
</div>
</li>
<li class="clearfix">
<div class="userimg">
<img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">
<i class="yoho"></i>
</div>
<div class="userinfo">
<h6>太一几楠A</h6>
<p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱,來自丹麥哥本哈根的時尚單位裁細節見稱,來自丹麥哥一
直以來憑著高品質用料與簡約剪。</p>
<a class="delete-comment" href="javascript:;"></a>
</div>
</li>
</ul>
<div class="view-more">
<a href="javascript:;">View <span>8</span> more</a>
</div>
</div>
<div class="comment-textarea">
<textarea name="" id=""></textarea>
<div class="login-status clearfix">
<div class="userimg"><img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt=""><i class="qq"></i></div>
<div class="userinfo"><span>用户名</span><a href="javascript:;">退出</a></div>
<div class="publish">
<a class="publish-btn" href="javascript:;">Publish</a>
</div>
</div>
</div> -->
</div>
<!-- 评论结束 -->
<div class="news-next-prev clearfix">
<div class="prev">
<a href="javascript:;">上一篇</a>
</div>
<div class="next">
<a href="javascript:;">下一篇</a>
</div>
</div>
<!-- related post开始 -->
<div class="related-posts">
<h2>新品播报</h2>
<ul class="postslist clearfix">
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
<li><a href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<h4>Lanvin 2015 Pre-Summer Collection</h4>
<p>克利夫兰重现詹姆斯巨幅海报</p>
</a></li>
</ul>
</div>
<!-- related post结束 -->
<!-- 简体分享开始 -->
<div class="share">
<h4>分享:</h4>
<ul>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-sina-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-wx-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-qq-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-fb-btn.png" alt=""></a></li>
</ul>
</div>
<!-- 简体分享结束 -->
<!-- 繁体分享开始 -->
<!-- <div class="share">
<h4>分享:</h4>
<ul>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-fb-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-tt-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-sina-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-wx-btn.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-qq-btn.png" alt=""></a></li>
</ul>
</div> -->
<!-- 繁体分享结束 -->
</div>
<div class="detail-side">
<div class="detail-ad">
<a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/side-ad-pic01.png" alt=""></a>
</div>
<div class="app-download clearfix">
<div class="qr">
<img src="http://cmsres.dev.yoho.cn/images/detail/qr.png" alt="">
</div>
<div class="app-main">
<h6>Yoho!Boys</h6>
<p>We love to Play & Learn</p>
<div class="download-btn clearfix">
<a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/ios-download-1024.png" alt=""></a>
<a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/android-download-1024.png" alt=""></a>
</div>
</div>
</div>
<div class="focus-us clearfix">
<h4>关注我们</h4>
<ul class="focuslist clearfix">
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/show-icon.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/sina-icon.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/wx-icon.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/fb-icon.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/ins-icon.png" alt=""></a></li>
<li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/sj-icon.png" alt=""></a></li>
</ul>
<div class="textbox clearfix">
<input type="text" placeholder="me@email.com">
<a href="javascript:;">订阅</a>
</div>
</div>
<div class="side-map">
<div class="map-section">
<h2>更多香港</h2>
<ul>
<li>
<a href="javascript:;">
<h6>Luddite</h6>
<p>香港铜锣湾希云街15a地铺</p>
</a>
</li>
<li>
<a href="javascript:;">
<h6>Luddite</h6>
<p>香港铜锣湾希云街15a地铺</p>
</a>
</li>
</ul>
</div>
<div class="map-section">
<h2>更多NIKE</h2>
<ul>
<li>
<a href="javascript:;">
<h6>Luddite</h6>
<p>香港铜锣湾希云街15a地铺</p>
</a>
</li>
<li>
<a href="javascript:;">
<h6>Luddite</h6>
<p>香港铜锣湾希云街15a地铺</p>
</a>
</li>
</ul>
</div>
</div>
<div class="side-video">
<div class="video-area"><img src="http://cmsres.dev.yoho.cn/images/detail/video-area-pic.png" alt=""></div>
<a href="javascript:;">
<h3>Premier x Nike SB Dunk High Pro
“Northern Lights”</h3>
<p>为香港跑者专门打造的主题概念店</p>
</a>
</div>
<!-- side related posts开始 -->
<div class="side-related-posts">
<h2>热播</h2>
<ul class="side-postslist">
<li>
<a class="clearfix" href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<div class="post-title">
<h4>Adidas Originals ZX Flux
“Mythology”</h4>
<p>宗教元素暗黑呈现</p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<div class="post-title">
<h4>Adidas Originals ZX Flux
“Mythology”</h4>
<p>宗教元素暗黑呈现</p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<div class="post-title">
<h4>Adidas Originals ZX Flux
“Mythology”</h4>
<p>宗教元素暗黑呈现</p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<div class="post-title">
<h4>Adidas Originals ZX Flux
“Mythology”</h4>
<p>宗教元素暗黑呈现</p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="javascript:;">
<div class="pic">
<img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">
<span class="play-icon"></span>
</div>
<div class="post-title">
<h4>Adidas Originals</h4>
<p>宗教元素暗黑呈现</p>
</div>
</a>
</li>
</ul>
</div>
<!-- side related posts结束 -->
</div>
{{/ header}}
<div class="detail-body">
{{# article}}
{{# content}}
{{> detail/detail_video}}
{{> detail/detail_slide}}
{{> detail/detail_img}}
{{> detail/detail_text}}
{{/ content}}
{{> detail/detail_tag}}
{{> detail/detail_status}}
<div class="comments-box"></div>
{{> detail/detail_prev_next}}
{{/ article}}
{{> detail/detail_related_post}}
</div>
{{> detail/detail_side}}
</div>
{{> common/share}}
\ No newline at end of file
... ...
<div class="mags-container">
{{> magazine/mags_newest}}
<?php $picArr = array(); $picArrRes = array(); $pics = ''; ?>
<div class="column-slide magazine-list">
<div class="swiper-container slide-box">
<ul class="slide-piclist clearfix" data-url="/channel/magazine/page?type=1&p=">
{{# magsList}}
{{> magazine/mags_column_list}}
{{/ magsList}}
</ul>
</div>
</div>
<div class="mags-column">
<h2>E&nbsp;-&nbsp;ZINE</h2>
<div class="column-slide e-zine">
<h4>YOHO!BOY</h4>
<div class="slide-box">
<img class="loading-img" src="<?php echo SITE_IMG; ?>/loading.gif" alt=" ">
</div>
<div class="slide-ctrl" style="display: none;">
<a class="slide-ctrl-prev" href="javascript:;" style="display: none;"></a>
<a class="slide-ctrl-next" href="javascript:;"></a>
</div>
</div>
</div>
<div class="column-slide mags-app-download">
<div class="slide-box">
<ul class="slide-piclist clearfix">
<li class="column-slide01"><img src="<?php echo SITE_IMG; ?>/magazine/app-column01.png" alt=" "></li>
<li class="column-slide02"><img style="margin:11px 0 0 70px;" src="<?php echo SITE_IMG; ?>/magazine/app-column02.png" alt=" "></li>
<li class="column-slide03"><img src="<?php echo SITE_IMG; ?>/magazine/app-column03.png" alt="扫一扫下载YOHO!潮流志"><span>iPhone | Android</span></li>
<li>
<h6>YOHO!BOY</h6>
<p>线上周刊,一周一会,
免费喂饱你的潮流胃!</p>
<strong>扫一扫即刻下载</strong>
</li>
</ul>
</div>
</div>
<?php $img_s = ''; $img_d = ''; ?>
<div class="column-slide rule">
<h2>RULES OF YOHO!BOY</h2>
<div class="slide-box">
<ul class="slide-piclist clearfix" data-url="/channel/magazine/rules?p=">
<?php foreach ($this->view->rulesData as $r): ?>
<?php $img_s = Lib_Images::getImageUrl($r['static_img'], 'source', 'rulesimg'); ?>
<?php $img_d = Lib_Images::getImageUrl($r['dynamic_img'], 'source', 'rulesimg'); ?>
<li>
<a href="javascript:;">
<img class="lazy static-img" data-original="<?php echo $img_s; ?>" data-imgzoom="<?php echo $img_d; ?>" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" alt="<?php echo $r['title']; ?>">
<span><?php echo $r['title']; ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
{{> common/share}}
\ No newline at end of file
... ...
<div class="share" data-link="">
<h4>分享:</h4>
<ul>
<li class="yohoo-share-button-sina"><a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/share-sina-btn.png" alt="微信"></a></li>
<li class="yohoo-share-button-wx">
<a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/share-wx-btn.png" alt=" "></a>
<div class="wx-qrcode-dialog">
<div class="wx-popup-hd">
<span>分享到微信朋友圈</span>
</div>
<div class="wx-popup-bd">
<img src=""/>
</div>
<div class="wx-popup-ft">打开微信,点击底部的“发现”,使用<br>“扫一扫”即可将网页分享至朋友圈。</div>
</div>
</li>
<li class="yohoo-share-button-qq"><a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/share-qq-btn.png" alt="QQ空间"></a></li>
</ul>
</div>
\ No newline at end of file
... ...
<div class="news-next-prev clearfix">
<div class="prev">
<a href="javascript:;">上一篇</a>
</div>
<div class="next">
<a href="javascript:;">下一篇</a>
</div>
</div>
\ No newline at end of file
... ...
{{# relatedPost}}
<div class="related-posts">
<h2>新品播报</h2>
<ul class="postslist clearfix">
{{# postList}}
<li>
<a href="{{url}}" target="_blank">
<div class="pic">
<img src="{{src}}" alt="">
{{# isVideo}}
<span class="play-icon"></span>
{{/ isVideo}}
<span class="arrow-bottom girl-{{channel}}-arrow"></span>
</div>
<div class="post-title">
<h4>{{title}}</h4>
<p>{{subtitle}}</p>
</div>
</a>
</li>
{{/ postList}}
</ul>
<a href="javascript:;" class="load-more"></a>
</div>
{{/ relatedPost}}
\ No newline at end of file
... ...
{{# appDownload}}
<div class="app-download clearfix">
<div class="qr">
<img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/qr.png" alt="">
</div>
<div class="app-main">
<h6>Yoho!Boys</h6>
<p>We love to Play & Learn</p>
<div class="download-btn clearfix">
<a href="{{iosUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/ios-download-1024.png" alt=""></a>
<a href="{{androidUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/android-download-1024.png" alt=""></a>
</div>
</div>
</div>
{{/ appDownload}}
\ No newline at end of file
... ...
<div class="focus-us clearfix">
<h4>关注我们</h4>
<ul class="focuslist clearfix">
<li><a href="http://app.yohoshow.com" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/show-icon.png" alt="SHOW"></a></li>
<li><a href="http://weibo.com/yohomedia" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/sina-icon.png" alt="新浪微博"></a></li>
<li class="focus-wx">
<a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wx-icon.png" alt="微信"></a>
<span class="pop"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/webxin_followus.jpg" alt=""></span>
</li>
<li><a href="http://facebook.com/YOHOBOY" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/fb-icon.png" alt="facebook"></a></li>
<li><a href="http://instagram.com/YOHOBOY" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/ins-icon.png" alt="instagram"></a></li>
</ul>
<div class="textbox clearfix">
<input type="text" placeholder="me@email.com">
<a href="javascript:;">订阅</a>
</div>
</div>
\ No newline at end of file
... ...
{{# relatedPost}}
<div class="side-related-posts">
<h2>热播</h2>
<ul class="side-postslist">
{{# postList}}
<li>
<a class="clearfix" href="{{url}}">
<div class="pic">
<img src="{{src}}" alt="">
{{# isVideo}}
<span class="play-icon"></span>
{{/ isVideo}}
</div>
<div class="post-title">
<h4>{{title}}</h4>
<p>{{subtitle}}</p>
</div>
</a>
</li>
{{/ postList}}
</ul>
</div>
{{/ relatedPost}}
\ No newline at end of file
... ...
{{# video}}
<div class="side-video">
<div class="video-area">
<i class="play-icon"></i>
<img src="{{src}}" alt=" ">
</div>
<a href="{{url}};">
<h3>{{title}}</h3>
<p>{{subtitle}}</p>
</a>
</div>
{{/ video}}
\ No newline at end of file
... ...
{{# side}}
<div class="detail-side">
{{# ad}}
<div class="detail-ad">
<a href="{{url}}"><img src="{{src}}" alt=""></a>
</div>
{{/ ad}}
{{> detail/detail_side_download}}
{{> detail/detail_side_focus}}
{{> detail/detail_side_video}}
{{> detail/detail_side_related}}
</div>
{{/ side}}
\ No newline at end of file
... ...
<div class="stats-btn clearfix">
<ul class="statslist clearfix">
<li class="current"><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/wow-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/wow-icon2.png" alt=""></span></a></li>
<li><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/zzz-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/zzz-icon2.png" alt=""></span></a></li>
<li><a class="clearfix" href="javascript:;"><strong><img src="http://cmsres.dev.yoho.cn/images/detail/wtf-icon.png" alt=""></strong><span><img src="http://cmsres.dev.yoho.cn/images/detail/wtf-icon2.png" alt=""></span></a></li>
<li class="comments"><a class="clearfix" class="clearfix" href="javascript:;"><span><img src="http://cmsres.dev.yoho.cn/images/detail/comments-icon2.png" alt=""></span><img src="http://cmsres.dev.yoho.cn/images/detail/comments-icon.png" alt=""></a></li>
<li class="wow"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wow-icon2.png" alt=""></span></a></li>
<li class="zzz"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/zzz-icon2.png" alt=""></span></a></li>
<li class="wtf"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wtf-icon2.png" alt=""></span></a></li>
<li class="comments"><a class="clearfix" class="clearfix" href="javascript:;"><span class="comment-num"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/comments-icon2.png" alt=""></span><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/comments-icon.png" alt=""></a></li>
</ul>
</div>
\ No newline at end of file
</div>
... ...
<li class="magazine">
<a murl="{{mul}}" href="javascript:;" data-content="{{dateContent}}" title="{{date}}">
<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" data-imgzoom="{{imgzoomSrc}}" data-original="{{originalSrc}}" alt="{{date}}" data-slide="{{magazinePics}}">
<span>{{date}}</span>
</a>
</li>
... ...
{{# magsNew}}
<div class="newest-mags clearfix">
<div class="mags-info">
<h2></h2>
<p class="mags-text">《YOHO!潮流志》是新力传媒着重打造的媒体,也是目前最成熟的媒体之一。他是第一本内地编辑的属于年轻人的潮流时尚杂志,读者受众定位为16—30岁年轻人群,内容包括潮流服饰、原创品牌、明星娱乐、艺术设计、动漫影音等,将年轻人关注的方方面面一网打尽。</p>
<div class="date-price">
<p><span>{{date}} </span> | {{title}}</p>
<p class="price">RMB15</p>
</div>
{{# buyUrl}}
<div class="mags-buy">
<a target="_blank" href="<?php echo $this->view->firstData['buy_url']; ?>" class="buy-btn">立即购买</a>
</div>
{{/ buyUrl}}
</div>
<div class="mags-slide">
<div class="slide-box swiper-container">
<ul class="slide-piclist clearfix">
{{# magsSlide}}
<li class="magazine-swiper"><a href="javascript:;"><img src="{{src}}" alt=""></a></li>
{{/ magsSlide}}
</ul>
</div>
<div class="slide-ctrl">
<div class="slide-ctrl-tabs clearfix"></div>
</div>
</div>
</div>
{{/ magsNew}}
\ No newline at end of file
... ...