index320.html
2.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!--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>