detail.html
2.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内容详情</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_wamnx6np1vc.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/nrxq.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/dropload.css">
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery.min.js"></script>
<style>
.iconfont{
font-size: 0.38rem;
}
.icon-zuo{
color: #959595;
font-size: 0.38rem;
}
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
}
</style>
</head>
<body>
<div class="container">
<!--头部信息-->
<div class="head">
<!--左图标-->
<div class="iconfont icon-zuo">
</div>
<!--内容详情-->
<div class="head_new">
内容详情
</div>
<!--右菜单-->
<div >
</div>
</div>
<!--头部图片-->
<div class="head_pic">
<img src="{$info.thumb}">
</div>
<!--标题-->
<div class="title">
<div class="title_big">{$info.title}</div>
<div class="title_small">
<p>更新时间:<span>{:date('Y-m-d',$info['update_time'])}</span> </p>
<p>点击量:<span>{$info.click_num}</span> </p>
<p>来源:<span>{$info.source}</span></p>
</div>
</div>
<!--中部内容-->
<div class="mid">
<div class="mid_text">
{$info.content}
</div>
</div>
<!--底部图片-->
<div class="bottom">
<img src="__TMPL__/public/assets/images/777.png">
</div>
<!--底部菜单-->
<include file="public@footer"/>
</div>
<script src="__TMPL__/public/assets/js/dropload.min.js"></script>
<script src="__TMPL__/public/assets/js/footer.js"></script>
<script>
//返回功能
$('.icon-zuo').click(function () {
window.history.back();
});
$('.mid .mid_text img').css({'width':'6.5rem','height':'4rem'});
</script>
</body>
</html>