ued / yohogirls_mustache · Commits

Go to a project

Authored by lore-w
Commit 4761114d7db1281bbf68f0eb4bb3bde6b77068b4 1 parent dc7573e3

编辑页修改，导航条修改

Inline Side-by-side
Showing 7 changed files with 80 additions and 80 deletions
{{> layout/header320}}
{{#detail}}
<div class="detail">
<h2 class="share-h2">{{title}}</h2>
... ... @@ -23,17 +24,63 @@
</div>
</div>
<!--内容-->
<div class="detail-text" cover-url="{{coverUrl}}">
</div>
<div class="detail-text" cover-url="{{coverUrl}}"></div>
<!--标签-->
<div class="tags">
<ul>
{{#tags}}
<li>
<a href="http://newboys.test.yoho.cn/tag/379" target="_blank">{{.}}</a>
<a href="{{link}}" target="_blank">{{name}}</a>
</li>
{{/tags}}
</ul>
</div>
</div>
{{/detail}}
<div class="comment">
<ul class="statslist stats-btn">
<li class="wow">
<div>
<span>
<i style="display: inline;">4</i>
<img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/smile-mobile.png" alt="" style="display: none;">
</span>
</div>
</li>
<li class="zzz">
<div>
<span>
<i style="display: inline;">1</i>
<img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/nothing-mobile.png" alt="" style="display: none;">
</span>
</div>
</li>
<li class="wtf">
<div>
<span>
<i style="display: inline;">2</i>
<img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/bad-mobile.png" alt="" style="display: none;">
</span>
</div>
</li>
<li class="comments">
<div>
<span class="comment-num" id="comment-num"><img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/comment-mobile.png"></span>
</div>
</li>
</ul>
<div class="comments-box" cid="1295" ctype="1" cc="101" ctwoc="101001"><ul class="comments-list"></ul><div class="comment-textarea"><textarea placeholder="说点什么..." cid="1295"></textarea><div class="login-status clearfix">
<div class="userimg">
<img src="http://cmsres.test.yoho.cn/res/new/boys/images/detail/user-img.png" alt="">
<i></i>
</div>
<div class="userinfo" style="display: none;">
<span></span>
<a class="exit-btn" href="javascript:;">退出</a>
</div>
<div class="publish">
<a class="publish-btn" href="javascript:;">Publish</a>
</div>
</div></div></div>
</div>
{{> layout/footer320}}
\ No newline at end of file
... ...
<!--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
{{> layout/header320}}
{{> channel/banner320}}
<div class="video swiper-container">
<ul class="swiper-wrapper">
{{#video}}
<li class="swiper-slide">
<a href="{{link}}" target="_blank"></a>
<img src="{{img}}" alt="">
</li>
{{/video}}
</ul>
</div>
<!--content-->
<div class="home-content">
<ul>
... ...
{{> layout/writer_header320}}
{{#hasComment}}
<div class="has-comment">
<span class="has-user">
... ... @@ -75,3 +76,4 @@
</ul>
</div>
{{> default/download320}}
{{> layout/footer320}}
\ No newline at end of file
... ...
... ... @@ -2,6 +2,7 @@
<script type="text/javascript">
seajs.use(['js/common','js/channel/home'], function (common,home) {
common.init();
home.init();
});
</script>
{{/ home320_js}}
... ...
... ... @@ -3,9 +3,10 @@
<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">
<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" />
<link rel="stylesheet" type="text/css" href="http://cmsres.dev.yoho.cn/dist/mobile.css"/>
</head>
<body id="{{channel}}">
<div id="mobile-wrap">
... ... @@ -15,14 +16,21 @@
<span class="header-search">search</span>
</header>
<!--nav-->
<div class="girl-nav-wrapper">
<nav class="girl-nav swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide nav-home"><a href="http://localhost:3000/default/index320">home</a></li>
<li class="swiper-slide nav-fashion"><a href="http://localhost:3000/fashion/index320">fashion</a></li>
<li class="swiper-slide nav-beauty"><a href="http://localhost:3000/beauty/index320">beauty</a></li>
<li class="swiper-slide nav-sport"><a href="http://localhost:3000/sports/index320">sport</a></li>
<li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/lifestyle/index320">lifestyle</a></li>
<li class="swiper-slide nav-magazine"><a href="http://localhost:3000/magazine/index320">magazine</a></li>
<li class="swiper-slide nav-video"><a href="http://localhost:3000/video/index320">video</a></li>
<li class="swiper-slide nav-fashion"><a
href="http://localhost:3000/channel/fashion/index320">fashion</a></li>
<li class="swiper-slide nav-beauty"><a href="http://localhost:3000/channel/beauty/index320">beauty</a>
</li>
<li class="swiper-slide nav-sport"><a href="http://localhost:3000/channel/sports/index320">sport</a>
</li>
<li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/channel/lifestyle/index320">lifestyle</a>
</li>
<li class="swiper-slide nav-magazine"><a
href="http://localhost:3000/channel/magazine/index320">magazine</a></li>
<li class="swiper-slide nav-video"><a href="http://localhost:3000/channel/video/index320">video</a></li>
</ul>
</nav>
</div>
\ No newline at end of file
... ...
... ... @@ -25,4 +25,5 @@
<header class="girl-header">
<span class="header-logo">Logo</span>
<span class="header-back">search</span>
<span class="header-share">share</span>
</header>
\ No newline at end of file
... ...