get_more_scenery.html
5.3 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>网红美景更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
<style>
.happy_beauty_con_1topimg1 {
height: 675px;
}
</style>
</head>
<body>
<include file="public@header"/>
<div class="happy_beauty">
<!-- 选择区域 -->
<div class="happy_select clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<p>{$city_name}</p>
</div>
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_06.png" alt="" style="width:28px">
<p>网红<span>美景</span></p>
<h2>Top Attraction</h2>
</div>
</div>
<!-- 盒子 -->
<div class="happy_beauty_box">
<!-- 内容 -->
<div class="happy_beauty_con">
<!-- 第一部分 -->
<div class="happy_beauty_con_1">
<div class="happy_beauty_con_1_box">
<volist name="image" id="vo" offset="0" lengt="4">
<div class="happy_beauty_con_1top">
<div class="happy_beauty_con_1topimg1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_beauty_con_1topTxt clearfix">
<h1>{$vo.post_title}</h1>
<div class="happy_food_con2_1Txt2 clearfix">
<div>
<img src="__TMPL__/public/assets/starImg/bicon_12.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_11.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</div>
</volist>
</div>
<div class="happy_beauty_conTab">
<ul class="clearfix">
<volist name="image" id="vo" offset="0" lengt="4">
<li>
<div class="happy_beauty_conTabImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<span></span>
</div>
<p>{$vo.post_title}</p>
</li>
</volist>
</ul>
</div>
</div>
<!-- 第二部分 -->
<div class="happy_food_con2_2 clearfix">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getSceneryDetail?id={$vo.id}">
<li>
<div class="happy_food_con2_2Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_food_con2_2Txt2 clearfix">
<h2>{$vo.post_title}</h2>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</li>
</a>
</volist>
</ul>
</div>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
$('.happy_beauty_con_1top').eq(0).addClass('happy_beauty_active');
$('.happy_beauty_conTab ul li').mouseover(function() {
var index = $(this).index();
$('.happy_beauty_con_1top').eq(index).addClass('happy_beauty_active').siblings().removeClass('happy_beauty_active');
})
</script>
</body>
</html>