ued / yohogirls-views · Commits

Go to a project

Authored by happyhour7
Commit 9fa7857e865bfc3187617fd4c35b99e181c0ddd1 2 parents a9a09b8d 419a8366

Merge branch 'develop' of http://git.dev.yoho.cn/ued/newgirlviews into develop

Inline Side-by-side
Showing 19 changed files with 700 additions and 364 deletions
  1 +{
  2 + "nav": [
  3 + {
  4 + "class": "home nav-active",
  5 + "href": "#"
  6 + },
  7 + {
  8 + "class": "fashion",
  9 + "href": "#"
  10 + },
  11 + {
  12 + "class": "beauty",
  13 + "href": "#"
  14 + },
  15 + {
  16 + "class": "sport",
  17 + "href": "#"
  18 + }
  19 + ],
  20 + "indexBanner": [
  21 + {
  22 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
  23 + "href": "#"
  24 + },
  25 + {
  26 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
  27 + "href": "#"
  28 + },
  29 + {
  30 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
  31 + "href": "#"
  32 + }
  33 + ],
  34 + "indexContent": [
  35 + {
  36 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
  37 + "href": "#",
  38 + "title": "Audrey Hepurn",
  39 + "subTitle": "伦敦影像展",
  40 + "channel": "fashion",
  41 + "time": "22hours ago",
  42 + "content": "在“女神”泛滥的今天，依旧有许多经典女神形象是无人能够超越的，Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
  43 + },
  44 + {
  45 + "pop":"true",
  46 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
  47 + "href": "#",
  48 + "title": "Audrey Hepurn",
  49 + "subTitle": "伦敦影像展",
  50 + "channel": "lifestyle",
  51 + "time": "22hours ago",
  52 + "content": "在“女神”泛滥的今天，依旧有许多经典女神形象是无人能够超越的，Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
  53 + },
  54 + {
  55 + "img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
  56 + "href": "#",
  57 + "title": "Audrey Hepurn",
  58 + "subTitle": "伦敦影像展",
  59 + "channel": "lifestyle",
  60 + "time": "22hours ago",
  61 + "content": "在“女神”泛滥的今天，依旧有许多经典女神形象是无人能够超越的，Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
  62 + }
  63 + ]
  64 +}
  1 +{
  2 + "header": {
  3 + "title": "Experience Paris with Janice Man",
  4 + "subtitle": "走躺巴黎开阔世界",
  5 + "author": "Caomei",
  6 + "class": "Fashion , Feature",
  7 + "time": "12 21 2014"
  8 + },
  9 + "article": {
  10 + "content": [
  11 + {
  12 + "slide": {
  13 + "imgList": [
  14 + {
  15 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/738x424"
  16 + },
  17 + {
  18 + "src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/738x424"
  19 + },
  20 + {
  21 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/738x424"
  22 + },
  23 + {
  24 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/738x424"
  25 + },
  26 + {
  27 + "src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/738x424"
  28 + }
  29 + ],
  30 + "smallImgList": [
  31 + {
  32 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01a40aec88fd1ac6d13886f81d9d73bd2f.gif?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070/format/jpg"
  33 + },
  34 + {
  35 + "src": "http://img02.yohoboys.com/contentimg/2015/01/21/14/021fb65f61063ccbd8f5253ba5a26d254c.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
  36 + },
  37 + {
  38 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01ec33853af6eba9a2b22715b8961404b7.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
  39 + },
  40 + {
  41 + "src": "http://img01.yohoboys.com/contentimg/2015/01/21/09/01b7f4d4008c20dc7f3e7d30400a9101ec.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
  42 + },
  43 + {
  44 + "src": "http://img02.yohoboys.com/contentimg/2015/01/21/09/02c6557ee3d99a51ecdac10be6cdb9e9ae.jpg?imageMogr2/thumbnail/!0120x0070r/crop/0120x0070"
  45 + }
  46 + ]
  47 + }
  48 + },
  49 + {
  50 + "text": {
  51 + "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 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质，并融入的摇滚元素，令新品极具颠覆性。这个秋冬"
  52 + }
  53 + },
  54 + {
  55 + "bigImg": {
  56 + "src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
  57 + }
  58 + },
  59 + {
  60 + "text": {
  61 + "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 的引领下大走全新风貌的学院派年轻风格。该系列以皮革与牛仔为主要材质，并融入的摇滚元素，令新品极具颠覆性。这个秋冬"
  62 + }
  63 + },
  64 + {
  65 + "bigImg": {
  66 + "src": "http://cmsimg02.qiniudn.com/contentimg/2015/01/20/19/023b928181c30b058df7d4db005c2f4e63.png"
  67 + }
  68 + }
  69 + ],
  70 + "tags": {
  71 + "tagList": [
  72 + {
  73 + "src": "http://www.yohoboys.com/tag/529",
  74 + "name": "2015春夏"
  75 + },
  76 + {
  77 + "src": "http://www.yohoboys.com/tag/425",
  78 + "name": "好莱坞"
  79 + },
  80 + {
  81 + "src": "http://www.yohoboys.com/tag/529",
  82 + "name": "街头"
  83 + },
  84 + {
  85 + "src": "http://www.yohoboys.com/tag/529",
  86 + "name": "帽款"
  87 + },
  88 + {
  89 + "src": "http://www.yohoboys.com/tag/5415",
  90 + "name": "Kangol"
  91 + }
  92 + ]
  93 + }
  94 + },
  95 + "relatedPost": {
  96 + "postList": [
  97 + {
  98 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  99 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  100 + "title": "Dior Rouge Brillant",
  101 + "subtitle": "你还差哪一款颜色",
  102 + "date": "2015.04.08",
  103 + "channel": "fashion",
  104 + "isVideo": true
  105 + },
  106 + {
  107 + "url": "http://www.yohogirls.com/news/more-1781-0-0.html",
  108 + "src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  109 + "title": "Dior2015春夏手袋系列Be Dior",
  110 + "subtitle": "送给自己的年终礼物",
  111 + "date": "2015.02.23",
  112 + "channel": "beauty",
  113 + "isVideo": false
  114 + },
  115 + {
  116 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  117 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  118 + "title": "Dior Rouge Brillant",
  119 + "subtitle": "你还差哪一款颜色",
  120 + "date": "2015.04.08",
  121 + "channel": "sport",
  122 + "isVideo": true
  123 + },
  124 + {
  125 + "url": "http://www.yohogirls.com/news/more-1781-0-0.html",
  126 + "src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  127 + "title": "Dior2015春夏手袋系列Be Dior",
  128 + "subtitle": "送给自己的年终礼物",
  129 + "date": "2015.02.23",
  130 + "channel": "lifestyle",
  131 + "isVideo": false
  132 + },
  133 + {
  134 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  135 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  136 + "title": "Dior Rouge Brillant",
  137 + "subtitle": "你还差哪一款颜色",
  138 + "date": "2015.04.08",
  139 + "channel": "video",
  140 + "isVideo": true
  141 + },
  142 + {
  143 + "url": "http://www.yohogirls.com/news/more-1781-0-0.html",
  144 + "src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  145 + "title": "Dior2015春夏手袋系列Be Dior",
  146 + "subtitle": "送给自己的年终礼物",
  147 + "date": "2015.02.23",
  148 + "channel": "lifestyle",
  149 + "isVideo": false
  150 + }
  151 + ]
  152 + },
  153 + "side": {
  154 + "ad": {
  155 + "url": "http://www.yohoboys.com/go?url=http%3A%2F%2Fadidasevents.com%2Foriginals%2Findex.html",
  156 + "src": "http://img01.yohoboys.com/staticimg/2015/04/16/09/01af79e543b0480110d389b5ff0bcb656e.jpg?imageMogr2/thumbnail/!0288x0217r/crop/0288x0217"
  157 + },
  158 + "appDownload": {
  159 + "iosUrl": "https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&down.myapp.com",
  160 + "androidUrl": "http://yoho-apps.qiniudn.com/YohoBoys.apk"
  161 + },
  162 + "video": {
  163 + "url": "http://www.yohoboys.com/news/index-4244-103004-0.html",
  164 + "src": "",
  165 + "title": "游走在街头巷尾的帽子時裝秀",
  166 + "subtitle": "Kangol 2015春夏帽款宣传片释出"
  167 + },
  168 + "relatedPost": {
  169 + "postList": [
  170 + {
  171 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  172 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  173 + "title": "Dior Rouge Brillant",
  174 + "subtitle": "你还差哪一款颜色",
  175 + "date": "2015.04.08",
  176 + "channel": "fashion",
  177 + "isVideo": true
  178 + },
  179 + {
  180 + "url": "http://www.yohogirls.com/news/more-1781-0-0.html",
  181 + "src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  182 + "title": "Dior2015春夏手袋系列Be Dior",
  183 + "subtitle": "送给自己的年终礼物",
  184 + "date": "2015.02.23",
  185 + "channel": "beauty",
  186 + "isVideo": false
  187 + },
  188 + {
  189 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  190 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  191 + "title": "Dior Rouge Brillant",
  192 + "subtitle": "你还差哪一款颜色",
  193 + "date": "2015.04.08",
  194 + "channel": "fashion",
  195 + "isVideo": true
  196 + },
  197 + {
  198 + "url": "http://www.yohogirls.com/news/more-1781-0-0.html",
  199 + "src": "http://img02.yohoboys.com/contentimg/2015/02/16/21/026463b7a32ca404a84828ad4448c203d4.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  200 + "title": "Dior2015春夏手袋系列Be Dior",
  201 + "subtitle": "送给自己的年终礼物",
  202 + "date": "2015.02.23",
  203 + "channel": "beauty",
  204 + "isVideo": false
  205 + },
  206 + {
  207 + "url": "http://www.yohogirls.com/news/more-2171-0-0.html",
  208 + "src": "http://img02.yohoboys.com/contentimg/2015/04/08/10/02f4ff2c1b879c82ebd03aaa76347a3d88.jpg?imageMogr2/thumbnail/x0198/gravity/North/crop/310x198/format/jpg",
  209 + "title": "Dior Rouge Brillant",
  210 + "subtitle": "你还差哪一款颜色",
  211 + "date": "2015.04.08",
  212 + "channel": "fashion",
  213 + "isVideo": true
  214 + }
  215 + ]
  216 + }
  217 + }
  218 +}
  1 +{
  2 + "magsNew": {
  3 + "date": "2015.03.15",
  4 + "title": "Now is good 趁现在",
  5 + "magsSlide": [
  6 + {
  7 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  8 + },
  9 + {
  10 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  11 + },
  12 + {
  13 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  14 + },
  15 + {
  16 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  17 + },
  18 + {
  19 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/0171e4bd05cf9828b47156219ebe0e6de7.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  20 + },
  21 + {
  22 + "src": "http://img01.yohoboys.com/ezineimg/2015/04/16/13/017c7741a76f848bd99e873d255d6cc1de.jpg?imageMogr2/thumbnail/!0340x0426r/crop/0340x0426"
  23 + }
  24 + ]
  25 + },
  26 + "magsList": [
  27 + {
  28 +
  29 + }
  30 + ]
  31 +}
@@ -2,7 +2,9 @@ @@ -2,7 +2,9 @@
2 "defaultActionName": "index", 2 "defaultActionName": "index",
3 "layout": { 3 "layout": {
4 "default-layout": "new_layout", 4 "default-layout": "new_layout",
5 - "detail": "detail_layout" 5 + "detail": "detail_layout",
  6 + "magazine": "detail_layout",
  7 + "default/index320": "new_layout320"
6 }, 8 },
7 "renderOptions": { 9 "renderOptions": {
8 "login": { 10 "login": {
@@ -18,8 +20,10 @@ @@ -18,8 +20,10 @@
18 } 20 }
19 ] 21 ]
20 }, 22 },
21 -  
22 - "default": "mvc-config-wangwei.json" 23 + "default": "mvc-config-wangwei.json",
  24 + "default/index320":"mvc-config-data",
  25 + "detail": "mvc-config-detail",
  26 + "magazine": "mvc-config-magazine"
23 }, 27 },
24 "ajax": { 28 "ajax": {
25 "todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"], 29 "todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"],
  1 +<!--banner-->
  2 +<div class="banner">
  3 + <div class="swiper-container public-banner">
  4 + <ul class="swiper-wrapper">
  5 + {{#indexBanner}}
  6 + <li class="swiper-slide">
  7 + <a href="{{href}}">
  8 + <img src="{{img}}" alt="banner"/>
  9 + </a>
  10 + </li>
  11 + {{/indexBanner}}
  12 + </ul>
  13 + </div>
  14 + <div class="pagination-wrap">
  15 + <div class="pagination"></div>
  16 + </div>
  17 +</div>
  18 +<!--content-->
  19 +<div class="home-content">
  20 + <ul>
  21 + {{#indexContent}}
  22 + <li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
  23 + <a class="img-link" href="{{href}}">
  24 + <img src="{{img}}" alt=""/>
  25 + </a>
  26 + <h2>{{title}}</h2>
  27 + <h3>{{subTitle}}</h3>
  28 + <time>{{channel}} | {{time}}</time>
  29 + <p>{{content}}</p>
  30 + </li>
  31 + {{/indexContent}}
  32 + </ul>
  33 + <!--follow us-->
  34 + <div class="follow-us">
  35 + <h2>关注我们</h2>
  36 + <ul>
  37 + <li class="follow-show"><a href="">show</a></li>
  38 + <li class="follow-sina"><a href="">sina</a></li>
  39 + <li class="follow-facebook"><a href="">facebook</a></li>
  40 + <li class="follow-instagram"><a href="">instagram</a></li>
  41 + </ul>
  42 + <div class="rss">
  43 + <input type="text" name="" placeholder="metro-cpu@hotmail.com" id=""/>
  44 + <span class="rss-btn">订阅</span>
  45 + </div>
  46 + </div>
  47 + <!--switch-page-->
  48 + <div class="switch-page">
  49 + <a href="#" class="switch-prev">上一页</a>
  50 + <a href="#" class="switch-next">下一页</a>
  51 + </div>
  52 +</div>
  53 +<!--download-->
  54 +<div class="home-download">
  55 + <div>
  56 + <span class="app-icon"></span>
  57 + <h2>YOHO!GIRLS</h2>
  58 + <h3>No Fashion,No Life!</h3>
  59 + <p>线上周刊，带你览遍世界仙踪</p>
  60 + <a href="#" class="down-btn">下载客户端</a>
  61 + </div>
  62 + <div>
  63 + <span class="app-icon"></span>
  64 + <h2>YOHO!BOYS</h2>
  65 + <h3>We love to Play & Learn</h3>
  66 + <p>线上周刊，潮流百科生活指南</p>
  67 + <a href="#" class="down-btn">下载客户端</a>
  68 + </div>
  69 +</div>
1 <div class="detail-container clearfix"> 1 <div class="detail-container clearfix">
2 - {{# article}} 2 + {{# header}}
3 {{> detail/detail_title}} 3 {{> detail/detail_title}}
4 -  
5 - <div class="detail-body">  
6 - {{# content}}  
7 - {{> detail/detail_video}}  
8 - {{> detail/detail_slide}}  
9 - {{> detail/detail_img}}  
10 - {{> detail/detail_text}}  
11 - {{/ content}}  
12 - {{> detail/detail_tag}}  
13 - {{> detail/detail_status}}  
14 - <div class="stats-btn clearfix">  
15 - <ul class="statslist clearfix">  
16 - <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>  
17 - <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>  
18 - <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>  
19 - <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>  
20 - </ul>  
21 - </div>  
22 -  
23 - {{/ article}}  
24 - <!-- 评论开始 -->  
25 - <div class="comments-box">  
26 - <!-- <div class="comments-list">  
27 - <ul>  
28 - <li class="clearfix">  
29 - <div class="userimg">  
30 - <img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">  
31 - <i class="qq"></i>  
32 - </div>  
33 - <div class="userinfo">  
34 - <h6>太一几楠A</h6>  
35 - <p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱，來自丹麥哥本哈根的時尚單位裁細節見稱，來自丹麥哥一  
36 - 直以來憑著高品質用料與簡約剪。</p>  
37 - <a class="delete-comment" href="javascript:;"></a>  
38 - </div>  
39 - </li>  
40 - <li class="clearfix">  
41 - <div class="userimg">  
42 - <img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">  
43 - <i class="sina"></i>  
44 - </div>  
45 - <div class="userinfo">  
46 - <h6>太一几楠A</h6>  
47 - <p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱，來自丹麥哥本哈根的時尚單位裁細節見稱，來自丹麥哥一  
48 - 直以來憑著高品質用料與簡約剪。</p>  
49 - <a class="delete-comment" href="javascript:;"></a>  
50 - </div>  
51 - </li>  
52 - <li class="clearfix">  
53 - <div class="userimg">  
54 - <img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">  
55 - <i class="fb"></i>  
56 - </div>  
57 - <div class="userinfo">  
58 - <h6>太一几楠A</h6>  
59 - <p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱，來自丹麥哥本哈根的時尚單位裁細節見稱，來自丹麥哥一  
60 - 直以來憑著高品質用料與簡約剪。</p>  
61 - <a class="delete-comment" href="javascript:;"></a>  
62 - </div>  
63 - </li>  
64 - <li class="clearfix">  
65 - <div class="userimg">  
66 - <img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt="">  
67 - <i class="yoho"></i>  
68 - </div>  
69 - <div class="userinfo">  
70 - <h6>太一几楠A</h6>  
71 - <p class="comment-text">一直以來憑著高品質用料與簡約剪裁細節見稱，來自丹麥哥本哈根的時尚單位裁細節見稱，來自丹麥哥一  
72 - 直以來憑著高品質用料與簡約剪。</p>  
73 - <a class="delete-comment" href="javascript:;"></a>  
74 - </div>  
75 - </li>  
76 - </ul>  
77 - <div class="view-more">  
78 - <a href="javascript:;">View <span>8</span> more</a>  
79 - </div>  
80 - </div>  
81 - <div class="comment-textarea">  
82 - <textarea name="" id=""></textarea>  
83 - <div class="login-status clearfix">  
84 - <div class="userimg"><img src="http://cmsres.dev.yoho.cn/images/detail/user-img.png" alt=""><i class="qq"></i></div>  
85 - <div class="userinfo"><span>用户名</span><a href="javascript:;">退出</a></div>  
86 - <div class="publish">  
87 - <a class="publish-btn" href="javascript:;">Publish</a>  
88 - </div>  
89 - </div>  
90 - </div> -->  
91 - </div>  
92 - <!-- 评论结束 -->  
93 -  
94 - <div class="news-next-prev clearfix">  
95 - <div class="prev">  
96 - <a href="javascript:;">上一篇</a>  
97 - </div>  
98 - <div class="next">  
99 - <a href="javascript:;">下一篇</a>  
100 - </div>  
101 - </div>  
102 -  
103 - <!-- related post开始 -->  
104 - <div class="related-posts">  
105 - <h2>新品播报</h2>  
106 - <ul class="postslist clearfix">  
107 - <li><a href="javascript:;">  
108 - <div class="pic">  
109 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
110 - <span class="play-icon"></span>  
111 - </div>  
112 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
113 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
114 - </a></li>  
115 - <li><a href="javascript:;">  
116 - <div class="pic">  
117 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
118 - <span class="play-icon"></span>  
119 - </div>  
120 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
121 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
122 - </a></li>  
123 - <li><a href="javascript:;">  
124 - <div class="pic">  
125 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
126 - <span class="play-icon"></span>  
127 - </div>  
128 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
129 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
130 - </a></li>  
131 - <li><a href="javascript:;">  
132 - <div class="pic">  
133 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
134 - <span class="play-icon"></span>  
135 - </div>  
136 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
137 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
138 - </a></li>  
139 - <li><a href="javascript:;">  
140 - <div class="pic">  
141 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
142 - <span class="play-icon"></span>  
143 - </div>  
144 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
145 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
146 - </a></li>  
147 - <li><a href="javascript:;">  
148 - <div class="pic">  
149 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
150 - <span class="play-icon"></span>  
151 - </div>  
152 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
153 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
154 - </a></li>  
155 - <li><a href="javascript:;">  
156 - <div class="pic">  
157 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
158 - <span class="play-icon"></span>  
159 - </div>  
160 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
161 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
162 - </a></li>  
163 - <li><a href="javascript:;">  
164 - <div class="pic">  
165 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
166 - <span class="play-icon"></span>  
167 - </div>  
168 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
169 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
170 - </a></li>  
171 - <li><a href="javascript:;">  
172 - <div class="pic">  
173 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
174 - <span class="play-icon"></span>  
175 - </div>  
176 - <h4>Lanvin 2015 Pre-Summer Collection</h4>  
177 - <p>克利夫兰重现詹姆斯巨幅海报</p>  
178 - </a></li>  
179 - </ul>  
180 - </div>  
181 - <!-- related post结束 -->  
182 -  
183 - <!-- 简体分享开始 -->  
184 - <div class="share">  
185 - <h4>分享：</h4>  
186 - <ul>  
187 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-sina-btn.png" alt=""></a></li>  
188 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-wx-btn.png" alt=""></a></li>  
189 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-qq-btn.png" alt=""></a></li>  
190 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-fb-btn.png" alt=""></a></li>  
191 - </ul>  
192 - </div>  
193 - <!-- 简体分享结束 -->  
194 -  
195 - <!-- 繁体分享开始 -->  
196 - <!-- <div class="share">  
197 - <h4>分享：</h4>  
198 - <ul>  
199 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-fb-btn.png" alt=""></a></li>  
200 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-tt-btn.png" alt=""></a></li>  
201 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-sina-btn.png" alt=""></a></li>  
202 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-wx-btn.png" alt=""></a></li>  
203 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/share-qq-btn.png" alt=""></a></li>  
204 - </ul>  
205 - </div> -->  
206 - <!-- 繁体分享结束 -->  
207 -  
208 - </div>  
209 - <div class="detail-side">  
210 - <div class="detail-ad">  
211 - <a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/side-ad-pic01.png" alt=""></a>  
212 - </div>  
213 - <div class="app-download clearfix">  
214 - <div class="qr">  
215 - <img src="http://cmsres.dev.yoho.cn/images/detail/qr.png" alt="">  
216 - </div>  
217 - <div class="app-main">  
218 - <h6>Yoho!Boys</h6>  
219 - <p>We love to Play & Learn</p>  
220 - <div class="download-btn clearfix">  
221 - <a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/ios-download-1024.png" alt=""></a>  
222 - <a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/android-download-1024.png" alt=""></a>  
223 - </div>  
224 - </div>  
225 - </div>  
226 - <div class="focus-us clearfix">  
227 - <h4>关注我们</h4>  
228 - <ul class="focuslist clearfix">  
229 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/show-icon.png" alt=""></a></li>  
230 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/sina-icon.png" alt=""></a></li>  
231 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/wx-icon.png" alt=""></a></li>  
232 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/fb-icon.png" alt=""></a></li>  
233 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/ins-icon.png" alt=""></a></li>  
234 - <li><a href="javascript:;"><img src="http://cmsres.dev.yoho.cn/images/detail/sj-icon.png" alt=""></a></li>  
235 - </ul>  
236 - <div class="textbox clearfix">  
237 - <input type="text" placeholder="me@email.com">  
238 - <a href="javascript:;">订阅</a>  
239 - </div>  
240 - </div>  
241 - <div class="side-map">  
242 - <div class="map-section">  
243 - <h2>更多香港</h2>  
244 - <ul>  
245 - <li>  
246 - <a href="javascript:;">  
247 - <h6>Luddite</h6>  
248 - <p>香港铜锣湾希云街15a地铺</p>  
249 - </a>  
250 - </li>  
251 - <li>  
252 - <a href="javascript:;">  
253 - <h6>Luddite</h6>  
254 - <p>香港铜锣湾希云街15a地铺</p>  
255 - </a>  
256 - </li>  
257 - </ul>  
258 - </div>  
259 - <div class="map-section">  
260 - <h2>更多NIKE</h2>  
261 - <ul>  
262 - <li>  
263 - <a href="javascript:;">  
264 - <h6>Luddite</h6>  
265 - <p>香港铜锣湾希云街15a地铺</p>  
266 - </a>  
267 - </li>  
268 - <li>  
269 - <a href="javascript:;">  
270 - <h6>Luddite</h6>  
271 - <p>香港铜锣湾希云街15a地铺</p>  
272 - </a>  
273 - </li>  
274 - </ul>  
275 - </div>  
276 - </div>  
277 - <div class="side-video">  
278 - <div class="video-area"><img src="http://cmsres.dev.yoho.cn/images/detail/video-area-pic.png" alt=""></div>  
279 - <a href="javascript:;">  
280 - <h3>Premier x Nike SB Dunk High Pro  
281 -“Northern Lights”</h3>  
282 - <p>为香港跑者专门打造的主题概念店</p>  
283 - </a>  
284 - </div>  
285 -  
286 - <!-- side related posts开始 -->  
287 - <div class="side-related-posts">  
288 - <h2>热播</h2>  
289 - <ul class="side-postslist">  
290 - <li>  
291 - <a class="clearfix" href="javascript:;">  
292 - <div class="pic">  
293 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
294 - <span class="play-icon"></span>  
295 - </div>  
296 - <div class="post-title">  
297 - <h4>Adidas Originals ZX Flux  
298 - “Mythology”</h4>  
299 - <p>宗教元素暗黑呈现</p>  
300 - </div>  
301 - </a>  
302 - </li>  
303 - <li>  
304 - <a class="clearfix" href="javascript:;">  
305 - <div class="pic">  
306 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
307 - <span class="play-icon"></span>  
308 - </div>  
309 - <div class="post-title">  
310 - <h4>Adidas Originals ZX Flux  
311 - “Mythology”</h4>  
312 - <p>宗教元素暗黑呈现</p>  
313 - </div>  
314 - </a>  
315 - </li>  
316 - <li>  
317 - <a class="clearfix" href="javascript:;">  
318 - <div class="pic">  
319 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
320 - <span class="play-icon"></span>  
321 - </div>  
322 - <div class="post-title">  
323 - <h4>Adidas Originals ZX Flux  
324 - “Mythology”</h4>  
325 - <p>宗教元素暗黑呈现</p>  
326 - </div>  
327 - </a>  
328 - </li>  
329 - <li>  
330 - <a class="clearfix" href="javascript:;">  
331 - <div class="pic">  
332 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
333 - <span class="play-icon"></span>  
334 - </div>  
335 - <div class="post-title">  
336 - <h4>Adidas Originals ZX Flux  
337 - “Mythology”</h4>  
338 - <p>宗教元素暗黑呈现</p>  
339 - </div>  
340 - </a>  
341 - </li>  
342 - <li>  
343 - <a class="clearfix" href="javascript:;">  
344 - <div class="pic">  
345 - <img src="http://cmsres.dev.yoho.cn/images/detail/post-pic01.png" alt="">  
346 - <span class="play-icon"></span>  
347 - </div>  
348 - <div class="post-title">  
349 - <h4>Adidas Originals</h4>  
350 - <p>宗教元素暗黑呈现</p>  
351 - </div>  
352 - </a>  
353 - </li>  
354 - </ul>  
355 - </div>  
356 - <!-- side related posts结束 -->  
357 -  
358 - </div> 4 + {{/ header}}
  5 + <div class="detail-body">
  6 + {{# article}}
  7 + {{# content}}
  8 + {{> detail/detail_video}}
  9 + {{> detail/detail_slide}}
  10 + {{> detail/detail_img}}
  11 + {{> detail/detail_text}}
  12 + {{/ content}}
  13 + {{> detail/detail_tag}}
  14 + {{> detail/detail_status}}
  15 + <div class="comments-box"></div>
  16 + {{> detail/detail_prev_next}}
  17 + {{/ article}}
  18 + {{> detail/detail_related_post}}
359 </div> 19 </div>
  20 + {{> detail/detail_side}}
  21 +</div>
  22 +{{> common/share}}
  1 +<div class="mags-container">
  2 + {{> magazine/mags_newest}}
  3 +
  4 + <?php $picArr = array(); $picArrRes = array(); $pics = ''; ?>
  5 + <div class="column-slide magazine-list">
  6 + <div class="swiper-container slide-box">
  7 + <ul class="slide-piclist clearfix" data-url="/channel/magazine/page?type=1&p=">
  8 + {{# magsList}}
  9 + {{> magazine/mags_column_list}}
  10 + {{/ magsList}}
  11 + </ul>
  12 + </div>
  13 + </div>
  14 +
  15 + <div class="mags-column">
  16 + <h2>E&nbsp;-&nbsp;ZINE</h2>
  17 + <div class="column-slide e-zine">
  18 + <h4>YOHO!BOY</h4>
  19 + <div class="slide-box">
  20 + <img class="loading-img" src="<?php echo SITE_IMG; ?>/loading.gif" alt=" ">
  21 + </div>
  22 + <div class="slide-ctrl" style="display: none;">
  23 + <a class="slide-ctrl-prev" href="javascript:;" style="display: none;"></a>
  24 + <a class="slide-ctrl-next" href="javascript:;"></a>
  25 + </div>
  26 + </div>
  27 + </div>
  28 + <div class="column-slide mags-app-download">
  29 + <div class="slide-box">
  30 + <ul class="slide-piclist clearfix">
  31 + <li class="column-slide01"><img src="<?php echo SITE_IMG; ?>/magazine/app-column01.png" alt=" "></li>
  32 + <li class="column-slide02"><img style="margin:11px 0 0 70px;" src="<?php echo SITE_IMG; ?>/magazine/app-column02.png" alt=" "></li>
  33 + <li class="column-slide03"><img src="<?php echo SITE_IMG; ?>/magazine/app-column03.png" alt="扫一扫下载YOHO!潮流志"><span>iPhone | Android</span></li>
  34 + <li>
  35 + <h6>YOHO!BOY</h6>
  36 + <p>线上周刊，一周一会，
  37 + 免费喂饱你的潮流胃！</p>
  38 + <strong>扫一扫即刻下载</strong>
  39 + </li>
  40 + </ul>
  41 + </div>
  42 + </div>
  43 +
  44 + <?php $img_s = ''; $img_d = ''; ?>
  45 + <div class="column-slide rule">
  46 + <h2>RULES OF YOHO!BOY</h2>
  47 + <div class="slide-box">
  48 + <ul class="slide-piclist clearfix" data-url="/channel/magazine/rules?p=">
  49 + <?php foreach ($this->view->rulesData as $r): ?>
  50 + <?php $img_s = Lib_Images::getImageUrl($r['static_img'], 'source', 'rulesimg'); ?>
  51 + <?php $img_d = Lib_Images::getImageUrl($r['dynamic_img'], 'source', 'rulesimg'); ?>
  52 + <li>
  53 + <a href="javascript:;">
  54 + <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']; ?>">
  55 + <span><?php echo $r['title']; ?></span>
  56 + </a>
  57 + </li>
  58 + <?php endforeach; ?>
  59 + </ul>
  60 + </div>
  61 + </div>
  62 +</div>
  63 +{{> common/share}}
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head lang="en">
  4 + <meta charset="UTF-8">
  5 + <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
  7 + <title>Yoho!Girls | No Fashion, No Life!</title>
  8 + <link rel="stylesheet" type="text/css" href="http://cmsres.dev.yoho.cn/dist/mobile.css" />
  9 + </head>
  10 + <body>
  11 + <div id="mobile-wrap">
  12 + <!--header-->
  13 + <header class="girl-header">
  14 + <span class="header-logo">Logo</span>
  15 + <span class="header-search">search</span>
  16 + </header>
  17 + <!--nav-->
  18 + <nav class="girl-nav">
  19 + <ul>
  20 + {{#nav}}
  21 + <li class="nav-{{class}}"><a href="{{href}}">{{class}}</a></li>
  22 + {{/nav}}
  23 + </ul>
  24 + </nav>
  25 + {{{body}}}
  26 + <!--footer-->
  27 + <footer class="girl-footer">
  28 + <a class="come-back" href="#">返回顶部</a>
  29 + <div class="login-language">
  30 + <span class="login">登录</span>
  31 + <a class="web-layout" href="#">电脑板</a>
  32 + <a class="language" href="#">简繁体</a>
  33 + </div>
  34 + <ul class="info">
  35 + <li><a href="#">关于</a></li>
  36 + <li><a href="#">联系我们</a></li>
  37 + <li><a href="#">版权申明</a></li>
  38 + <li><a href="#">隐私条款</a></li>
  39 + <li><a href="#">意见反馈</a></li>
  40 + <li><a href="#">友情链接</a></li>
  41 + </ul>
  42 + <p>CopyRight © 2014 南京新与力文化传播有限公司<br />苏ICP备09011225号</p>
  43 + </footer>
  44 + <!--share-->
  45 + <div id="share">
  46 + <div class="share-main">
  47 + <ul>
  48 + <li class="yohoo-share-button-sina"><a href="javascript:;"></a></li>
  49 + <li class="yohoo-share-button-qq"><a href="javascript:;"></a></li>
  50 + <li class="yohoo-share-button-facebook"><a href="javascript:;"></a></li>
  51 + <li class="yohoo-share-button-tweet"><a href="javascript:;"></a></li>
  52 + </ul>
  53 + </div>
  54 + </div>
  55 + </div>
  56 + </body>
  57 +</html>
  1 +<div class="share" data-link="">
  2 + <h4>分享：</h4>
  3 + <ul>
  4 + <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>
  5 + <li class="yohoo-share-button-wx">
  6 + <a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/share-wx-btn.png" alt=" "></a>
  7 + <div class="wx-qrcode-dialog">
  8 + <div class="wx-popup-hd">
  9 + <span>分享到微信朋友圈</span>
  10 + </div>
  11 + <div class="wx-popup-bd">
  12 + <img src=""/>
  13 + </div>
  14 + <div class="wx-popup-ft">打开微信，点击底部的“发现”，使用<br>“扫一扫”即可将网页分享至朋友圈。</div>
  15 + </div>
  16 + </li>
  17 + <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>
  18 + </ul>
  19 +</div>
  1 +<div class="news-next-prev clearfix">
  2 + <div class="prev">
  3 + <a href="javascript:;">上一篇</a>
  4 + </div>
  5 + <div class="next">
  6 + <a href="javascript:;">下一篇</a>
  7 + </div>
  8 +</div>
  1 +{{# relatedPost}}
  2 +<div class="related-posts">
  3 + <h2>新品播报</h2>
  4 + <ul class="postslist clearfix">
  5 + {{# postList}}
  6 + <li>
  7 + <a href="{{url}}" target="_blank">
  8 + <div class="pic">
  9 + <img src="{{src}}" alt="">
  10 + {{# isVideo}}
  11 + <span class="play-icon"></span>
  12 + {{/ isVideo}}
  13 + <span class="arrow-bottom girl-{{channel}}-arrow"></span>
  14 + </div>
  15 + <div class="post-title">
  16 + <h4>{{title}}</h4>
  17 + <p>{{subtitle}}</p>
  18 + </div>
  19 + </a>
  20 + </li>
  21 + {{/ postList}}
  22 + </ul>
  23 + <a href="javascript:;" class="load-more"></a>
  24 +</div>
  25 +{{/ relatedPost}}
  1 +{{# appDownload}}
  2 +<div class="app-download clearfix">
  3 + <div class="qr">
  4 + <img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/qr.png" alt="">
  5 + </div>
  6 + <div class="app-main">
  7 + <h6>Yoho!Boys</h6>
  8 + <p>We love to Play & Learn</p>
  9 + <div class="download-btn clearfix">
  10 + <a href="{{iosUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/ios-download-1024.png" alt=""></a>
  11 + <a href="{{androidUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/android-download-1024.png" alt=""></a>
  12 + </div>
  13 + </div>
  14 +</div>
  15 +{{/ appDownload}}
  1 +<div class="focus-us clearfix">
  2 + <h4>关注我们</h4>
  3 + <ul class="focuslist clearfix">
  4 + <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>
  5 + <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>
  6 + <li class="focus-wx">
  7 + <a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wx-icon.png" alt="微信"></a>
  8 + <span class="pop"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/webxin_followus.jpg" alt=""></span>
  9 + </li>
  10 + <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>
  11 + <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>
  12 + </ul>
  13 + <div class="textbox clearfix">
  14 + <input type="text" placeholder="me@email.com">
  15 + <a href="javascript:;">订阅</a>
  16 + </div>
  17 +</div>
  1 +{{# relatedPost}}
  2 +<div class="side-related-posts">
  3 + <h2>热播</h2>
  4 + <ul class="side-postslist">
  5 + {{# postList}}
  6 + <li>
  7 + <a class="clearfix" href="{{url}}">
  8 + <div class="pic">
  9 + <img src="{{src}}" alt="">
  10 + {{# isVideo}}
  11 + <span class="play-icon"></span>
  12 + {{/ isVideo}}
  13 + </div>
  14 + <div class="post-title">
  15 + <h4>{{title}}</h4>
  16 + <p>{{subtitle}}</p>
  17 + </div>
  18 + </a>
  19 + </li>
  20 + {{/ postList}}
  21 + </ul>
  22 +</div>
  23 +{{/ relatedPost}}
  1 +{{# video}}
  2 +<div class="side-video">
  3 + <div class="video-area">
  4 + <i class="play-icon"></i>
  5 + <img src="{{src}}" alt=" ">
  6 + </div>
  7 + <a href="{{url}};">
  8 + <h3>{{title}}</h3>
  9 + <p>{{subtitle}}</p>
  10 + </a>
  11 +</div>
  12 +{{/ video}}
  1 +{{# side}}
  2 +<div class="detail-side">
  3 + {{# ad}}
  4 + <div class="detail-ad">
  5 + <a href="{{url}}"><img src="{{src}}" alt=""></a>
  6 + </div>
  7 + {{/ ad}}
  8 + {{> detail/detail_side_download}}
  9 + {{> detail/detail_side_focus}}
  10 + {{> detail/detail_side_video}}
  11 + {{> detail/detail_side_related}}
  12 +</div>
  13 +{{/ side}}
1 <div class="stats-btn clearfix"> 1 <div class="stats-btn clearfix">
2 <ul class="statslist clearfix"> 2 <ul class="statslist clearfix">
3 - <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>  
4 - <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>  
5 - <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>  
6 - <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> 3 + <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>
  4 + <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>
  5 + <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>
  6 + <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>
7 </ul> 7 </ul>
8 -</div>  
  8 +</div>
  1 +<li class="magazine">
  2 + <a murl="{{mul}}" href="javascript:;" data-content="{{dateContent}}" title="{{date}}">
  3 + <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" data-imgzoom="{{imgzoomSrc}}" data-original="{{originalSrc}}" alt="{{date}}" data-slide="{{magazinePics}}">
  4 + <span>{{date}}</span>
  5 + </a>
  6 +</li>
  1 +{{# magsNew}}
  2 +<div class="newest-mags clearfix">
  3 + <div class="mags-info">
  4 + <h2></h2>
  5 + <p class="mags-text">《YOHO!潮流志》是新力传媒着重打造的媒体，也是目前最成熟的媒体之一。他是第一本内地编辑的属于年轻人的潮流时尚杂志，读者受众定位为16—30岁年轻人群，内容包括潮流服饰、原创品牌、明星娱乐、艺术设计、动漫影音等，将年轻人关注的方方面面一网打尽。</p>
  6 + <div class="date-price">
  7 + <p><span>{{date}} </span> | {{title}}</p>
  8 + <p class="price">RMB15</p>
  9 + </div>
  10 + {{# buyUrl}}
  11 + <div class="mags-buy">
  12 + <a target="_blank" href="<?php echo $this->view->firstData['buy_url']; ?>" class="buy-btn">立即购买</a>
  13 + </div>
  14 + {{/ buyUrl}}
  15 + </div>
  16 + <div class="mags-slide">
  17 + <div class="slide-box swiper-container">
  18 + <ul class="slide-piclist clearfix">
  19 + {{# magsSlide}}
  20 + <li class="magazine-swiper"><a href="javascript:;"><img src="{{src}}" alt=""></a></li>
  21 + {{/ magsSlide}}
  22 + </ul>
  23 + </div>
  24 + <div class="slide-ctrl">
  25 + <div class="slide-ctrl-tabs clearfix"></div>
  26 + </div>
  27 + </div>
  28 +</div>
  29 +{{/ magsNew}}