ued / yohogirls-views · Commits

Go to a project

Authored by lore-w
Commit 55797427dd0452b9788e353cf4b22bd14cdf7d04 1 parent 87a08d87

complete index

Inline Side-by-side
Showing 5 changed files with 194 additions and 7 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 { 1 {
2 "defaultActionName": "index", 2 "defaultActionName": "index",
3 "layout": { 3 "layout": {
4 - "default-layout": "new_layout" 4 + "default-layout": "new_layout",
  5 + "default/index320": "new_layout320"
5 }, 6 },
6 "renderOptions": { 7 "renderOptions": {
7 "login": { 8 "login": {
@@ -18,11 +19,7 @@ @@ -18,11 +19,7 @@
18 ], 19 ],
19 "css": "这里头是mustache模板除模板参数外其他的参数" 20 "css": "这里头是mustache模板除模板参数外其他的参数"
20 }, 21 },
21 - "default":{"tvs":[{"img":"http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424","link":"http://www.baidu.com"},  
22 - {"img":"http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424","link":"http://www.baidu.com"},  
23 - {"img":"http://img02.yohoboys.com/contentimg/2015/02/12/09/02cdeedce63d09965f48244ef7e3961448.jpg?imageMogr2/thumbnail/738x424","link":"http://www.baidu.com"}],  
24 - "ys":{"one":"lifestyle"}  
25 - } 22 + "default/index320":"mvc-config-data"
26 }, 23 },
27 "ajax": { 24 "ajax": {
28 "todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"], 25 "todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"],
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 "start": "node ./bin/www" 6 "start": "node ./bin/www"
7 }, 7 },
8 "dependencies": { 8 "dependencies": {
9 - "YJS": "^0.1.8", 9 + "YJS": "^0.2.0",
10 "body-parser": "^1.12.2", 10 "body-parser": "^1.12.2",
11 "cookie-parser": "~1.3.4", 11 "cookie-parser": "~1.3.4",
12 "debug": "~2.1.1", 12 "debug": "~2.1.1",
  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 +<!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>