Authored by lore-w

complete index

{
"nav": [
{
"class": "home nav-active",
"href": "#"
},
{
"class": "fashion",
"href": "#"
},
{
"class": "beauty",
"href": "#"
},
{
"class": "sport",
"href": "#"
}
],
"indexBanner": [
{
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
"href": "#"
},
{
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
"href": "#"
},
{
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_23.jpg",
"href": "#"
}
],
"indexContent": [
{
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
"href": "#",
"title": "Audrey Hepurn",
"subTitle": "伦敦影像展",
"channel": "fashion",
"time": "22hours ago",
"content": "在“女神”泛滥的今天,依旧有许多经典女神形象是无人能够超越的,Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
},
{
"pop":"true",
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
"href": "#",
"title": "Audrey Hepurn",
"subTitle": "伦敦影像展",
"channel": "lifestyle",
"time": "22hours ago",
"content": "在“女神”泛滥的今天,依旧有许多经典女神形象是无人能够超越的,Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
},
{
"img": "http://cmsres.dev.yoho.cn/images/temp/h5-home_26.jpg",
"href": "#",
"title": "Audrey Hepurn",
"subTitle": "伦敦影像展",
"channel": "lifestyle",
"time": "22hours ago",
"content": "在“女神”泛滥的今天,依旧有许多经典女神形象是无人能够超越的,Audrey Hepurn 便是其中之一。今年Audrey Hepurn 逝世近... "
}
]
}
\ No newline at end of file
... ...
... ... @@ -2,7 +2,8 @@
"defaultActionName": "index",
"layout": {
"default-layout": "new_layout",
"detail": "detail_layout"
"detail": "detail_layout",
"default/index320": "new_layout320"
},
"renderOptions": {
"login": {
... ... @@ -18,8 +19,8 @@
}
]
},
"default": "mvc-config-wangwei.json"
"default": "mvc-config-wangwei.json",
"default/index320":"mvc-config-data"
},
"ajax": {
"todolist/getlist": ["这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list", "这是我的list"],
... ...
<!--banner-->
<div class="banner">
<div class="swiper-container public-banner">
<ul class="swiper-wrapper">
{{#indexBanner}}
<li class="swiper-slide">
<a href="{{href}}">
<img src="{{img}}" alt="banner"/>
</a>
</li>
{{/indexBanner}}
</ul>
</div>
<div class="pagination-wrap">
<div class="pagination"></div>
</div>
</div>
<!--content-->
<div class="home-content">
<ul>
{{#indexContent}}
<li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
<a class="img-link" href="{{href}}">
<img src="{{img}}" alt=""/>
</a>
<h2>{{title}}</h2>
<h3>{{subTitle}}</h3>
<time>{{channel}} | {{time}}</time>
<p>{{content}}</p>
</li>
{{/indexContent}}
</ul>
<!--follow us-->
<div class="follow-us">
<h2>关注我们</h2>
<ul>
<li class="follow-show"><a href="">show</a></li>
<li class="follow-sina"><a href="">sina</a></li>
<li class="follow-facebook"><a href="">facebook</a></li>
<li class="follow-instagram"><a href="">instagram</a></li>
</ul>
<div class="rss">
<input type="text" name="" placeholder="metro-cpu@hotmail.com" id=""/>
<span class="rss-btn">订阅</span>
</div>
</div>
<!--switch-page-->
<div class="switch-page">
<a href="#" class="switch-prev">上一页</a>
<a href="#" class="switch-next">下一页</a>
</div>
</div>
<!--download-->
<div class="home-download">
<div>
<span class="app-icon"></span>
<h2>YOHO!GIRLS</h2>
<h3>No Fashion,No Life!</h3>
<p>线上周刊,带你览遍世界仙踪</p>
<a href="#" class="down-btn">下载客户端</a>
</div>
<div>
<span class="app-icon"></span>
<h2>YOHO!BOYS</h2>
<h3>We love to Play & Learn</h3>
<p>线上周刊,潮流百科生活指南</p>
<a href="#" class="down-btn">下载客户端</a>
</div>
</div>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
<title>Yoho!Girls | No Fashion, No Life!</title>
<link rel="stylesheet" type="text/css" href="http://cmsres.dev.yoho.cn/dist/mobile.css" />
</head>
<body>
<div id="mobile-wrap">
<!--header-->
<header class="girl-header">
<span class="header-logo">Logo</span>
<span class="header-search">search</span>
</header>
<!--nav-->
<nav class="girl-nav">
<ul>
{{#nav}}
<li class="nav-{{class}}"><a href="{{href}}">{{class}}</a></li>
{{/nav}}
</ul>
</nav>
{{{body}}}
<!--footer-->
<footer class="girl-footer">
<a class="come-back" href="#">返回顶部</a>
<div class="login-language">
<span class="login">登录</span>
<a class="web-layout" href="#">电脑板</a>
<a class="language" href="#">简繁体</a>
</div>
<ul class="info">
<li><a href="#">关于</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">版权申明</a></li>
<li><a href="#">隐私条款</a></li>
<li><a href="#">意见反馈</a></li>
<li><a href="#">友情链接</a></li>
</ul>
<p>CopyRight © 2014 南京新与力文化传播有限公司<br />苏ICP备09011225号</p>
</footer>
<!--share-->
<div id="share">
<div class="share-main">
<ul>
<li class="yohoo-share-button-sina"><a href="javascript:;"></a></li>
<li class="yohoo-share-button-qq"><a href="javascript:;"></a></li>
<li class="yohoo-share-button-facebook"><a href="javascript:;"></a></li>
<li class="yohoo-share-button-tweet"><a href="javascript:;"></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...