articleDetail.html
3.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title>文章详情</title>
<script src="../js/fontsize.js"></script>
<link rel="stylesheet" href="../css/init.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
<link rel="stylesheet" href="../css/ChatCircle.css">
<link rel="stylesheet" href="../css/comment.css">
</head>
<body style="background: #F5FAF7">
<!--内容部分-->
<div class="article_box">
<div class="article_item">
<div class="article_title">人参一斤 不如糙米一升</div>
<div class="article_info">
<text>汇堂专家</text>
<text>2018.08.21</text>
</div>
<div>精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候，重点会关注安全、健康、营养和口感几个方面。
很多时候，人们都选择了口感佳、香糯、绵爽的精白米，而不知不觉放弃了一些看不见摸不着的营养但是现在又出现一部分人，为了更好的控制自己体重，都开始喜欢吃粗粮。其中，糙米就是比较受欢迎的一种。
</div>
</div>
<div class="article_item">
<div>
<text class="content_title">最新活动</text>
</div>
<div class="comment_item">
<div class="head_img"><img src="../images/bhead01@2x.png" alt=""></div>
<div class="comment_content">
<div class="user_name">可妮兔</div>
<div>主食就是主食，其他的都是配菜。当然食用多种食材营养更充分，但不吃主食等于把主要营养丢弃了，只追求次要的营养。这样营养更不均衡。</div>
<div class="content_time">2018.08.21</div>
</div>
</div>
<div class="comment_item">
<div class="head_img"><img src="../images/bhead01@2x.png" alt=""></div>
<div class="comment_content">
<div class="user_name">可妮兔</div>
<div>主食就是主食，其他的都是配菜。当然食用多种食材营养更充分，但不吃主食等于把主要营养丢弃了，只追求次要的营养。这样营养更不均衡。</div>
<div class="content_time">2018.08.21</div>
</div>
</div>
</div>
</div>
<!-- dibu-->
<div class="null_box"></div>
<div class="bottom_box">
<textarea placeholder="写评论..." maxlength="200"></textarea>
<div class="submit_btn">
<text class="iconfont icon-tijiao"></text>
<text>提交</text>
</div>
</div>
<!--弹窗-->
<div class="public_popup_box">
<text>您已签到成功!</text>
<text>恭喜您获得10个积分</text>
</div>
<script src="../js/jquery-2.1.0.js"></script>
<script src="../js/area.js"></script>
<script src="../js/select.js"></script>
<script>
$('.public_popup_box').hide()
$('.submit_btn').click(function () {
$('.public_popup_box').show().delay(2000).hide(2)
})
</script>
</body>
</html>