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 87 additions and 87 deletions
  1 +{{> layout/header320}}
1 {{#detail}} 2 {{#detail}}
2 <div class="detail"> 3 <div class="detail">
3 <h2 class="share-h2">{{title}}</h2> 4 <h2 class="share-h2">{{title}}</h2>
@@ -23,17 +24,63 @@ @@ -23,17 +24,63 @@
23 </div> 24 </div>
24 </div> 25 </div>
25 <!--内容--> 26 <!--内容-->
26 - <div class="detail-text" cover-url="{{coverUrl}}">  
27 - </div> 27 + <div class="detail-text" cover-url="{{coverUrl}}"></div>
28 <!--标签--> 28 <!--标签-->
29 <div class="tags"> 29 <div class="tags">
30 <ul> 30 <ul>
31 {{#tags}} 31 {{#tags}}
32 <li> 32 <li>
33 - <a href="http://newboys.test.yoho.cn/tag/379" target="_blank">{{.}}</a> 33 + <a href="{{link}}" target="_blank">{{name}}</a>
34 </li> 34 </li>
35 {{/tags}} 35 {{/tags}}
36 </ul> 36 </ul>
37 </div> 37 </div>
38 </div> 38 </div>
39 -{{/detail}}  
  39 +{{/detail}}
  40 +<div class="comment">
  41 + <ul class="statslist stats-btn">
  42 + <li class="wow">
  43 + <div>
  44 + <span>
  45 + <i style="display: inline;">4</i>
  46 + <img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/smile-mobile.png" alt="" style="display: none;">
  47 + </span>
  48 + </div>
  49 + </li>
  50 + <li class="zzz">
  51 + <div>
  52 + <span>
  53 + <i style="display: inline;">1</i>
  54 + <img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/nothing-mobile.png" alt="" style="display: none;">
  55 + </span>
  56 + </div>
  57 + </li>
  58 + <li class="wtf">
  59 + <div>
  60 + <span>
  61 + <i style="display: inline;">2</i>
  62 + <img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/bad-mobile.png" alt="" style="display: none;">
  63 + </span>
  64 + </div>
  65 + </li>
  66 + <li class="comments">
  67 + <div>
  68 + <span class="comment-num" id="comment-num"><img src="http://cmsres.test.yoho.cn/res/new/boys/images/mobile/comment-mobile.png"></span>
  69 + </div>
  70 + </li>
  71 + </ul>
  72 + <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">
  73 + <div class="userimg">
  74 + <img src="http://cmsres.test.yoho.cn/res/new/boys/images/detail/user-img.png" alt="">
  75 + <i></i>
  76 + </div>
  77 + <div class="userinfo" style="display: none;">
  78 + <span></span>
  79 + <a class="exit-btn" href="javascript:;">退出</a>
  80 + </div>
  81 + <div class="publish">
  82 + <a class="publish-btn" href="javascript:;">Publish</a>
  83 + </div>
  84 + </div></div></div>
  85 +</div>
  86 +{{> layout/footer320}}
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 {{> layout/header320}} 1 {{> layout/header320}}
2 {{> channel/banner320}} 2 {{> channel/banner320}}
  3 +<div class="video swiper-container">
  4 + <ul class="swiper-wrapper">
  5 + {{#video}}
  6 + <li class="swiper-slide">
  7 + <a href="{{link}}" target="_blank"></a>
  8 + <img src="{{img}}" alt="">
  9 + </li>
  10 + {{/video}}
  11 + </ul>
  12 +</div>
3 <!--content--> 13 <!--content-->
4 <div class="home-content"> 14 <div class="home-content">
5 <ul> 15 <ul>
  1 +{{> layout/writer_header320}}
1 {{#hasComment}} 2 {{#hasComment}}
2 <div class="has-comment"> 3 <div class="has-comment">
3 <span class="has-user"> 4 <span class="has-user">
@@ -74,4 +75,5 @@ @@ -74,4 +75,5 @@
74 {{/indexContent}} 75 {{/indexContent}}
75 </ul> 76 </ul>
76 </div> 77 </div>
77 -{{> default/download320}}  
  78 +{{> default/download320}}
  79 +{{> layout/footer320}}
@@ -2,6 +2,7 @@ @@ -2,6 +2,7 @@
2 <script type="text/javascript"> 2 <script type="text/javascript">
3 seajs.use(['js/common','js/channel/home'], function (common,home) { 3 seajs.use(['js/common','js/channel/home'], function (common,home) {
4 common.init(); 4 common.init();
  5 + home.init();
5 }); 6 });
6 </script> 7 </script>
7 {{/ home320_js}} 8 {{/ home320_js}}
@@ -3,9 +3,10 @@ @@ -3,9 +3,10 @@
3 <head lang="en"> 3 <head lang="en">
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 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"> 6 + <meta name="viewport"
  7 + 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 <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 + <link rel="stylesheet" type="text/css" href="http://cmsres.dev.yoho.cn/dist/mobile.css"/>
9 </head> 10 </head>
10 <body id="{{channel}}"> 11 <body id="{{channel}}">
11 <div id="mobile-wrap"> 12 <div id="mobile-wrap">
@@ -15,14 +16,21 @@ @@ -15,14 +16,21 @@
15 <span class="header-search">search</span> 16 <span class="header-search">search</span>
16 </header> 17 </header>
17 <!--nav--> 18 <!--nav-->
18 - <nav class="girl-nav swiper-container">  
19 - <ul class="swiper-wrapper">  
20 - <li class="swiper-slide nav-home"><a href="http://localhost:3000/default/index320">home</a></li>  
21 - <li class="swiper-slide nav-fashion"><a href="http://localhost:3000/fashion/index320">fashion</a></li>  
22 - <li class="swiper-slide nav-beauty"><a href="http://localhost:3000/beauty/index320">beauty</a></li>  
23 - <li class="swiper-slide nav-sport"><a href="http://localhost:3000/sports/index320">sport</a></li>  
24 - <li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/lifestyle/index320">lifestyle</a></li>  
25 - <li class="swiper-slide nav-magazine"><a href="http://localhost:3000/magazine/index320">magazine</a></li>  
26 - <li class="swiper-slide nav-video"><a href="http://localhost:3000/video/index320">video</a></li>  
27 - </ul>  
28 - </nav>  
  19 + <div class="girl-nav-wrapper">
  20 + <nav class="girl-nav swiper-container">
  21 + <ul class="swiper-wrapper">
  22 + <li class="swiper-slide nav-home"><a href="http://localhost:3000/default/index320">home</a></li>
  23 + <li class="swiper-slide nav-fashion"><a
  24 + href="http://localhost:3000/channel/fashion/index320">fashion</a></li>
  25 + <li class="swiper-slide nav-beauty"><a href="http://localhost:3000/channel/beauty/index320">beauty</a>
  26 + </li>
  27 + <li class="swiper-slide nav-sport"><a href="http://localhost:3000/channel/sports/index320">sport</a>
  28 + </li>
  29 + <li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/channel/lifestyle/index320">lifestyle</a>
  30 + </li>
  31 + <li class="swiper-slide nav-magazine"><a
  32 + href="http://localhost:3000/channel/magazine/index320">magazine</a></li>
  33 + <li class="swiper-slide nav-video"><a href="http://localhost:3000/channel/video/index320">video</a></li>
  34 + </ul>
  35 + </nav>
  36 + </div>
@@ -25,4 +25,5 @@ @@ -25,4 +25,5 @@
25 <header class="girl-header"> 25 <header class="girl-header">
26 <span class="header-logo">Logo</span> 26 <span class="header-logo">Logo</span>
27 <span class="header-back">search</span> 27 <span class="header-back">search</span>
  28 + <span class="header-share">share</span>
28 </header> 29 </header>