message.html
2.1 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
<!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/referralModule.css">
</head>
<body>
<div class="container">
<div class="tab_box tab_message">
<div class="tab_item tab_on">
<text>未读</text>
<text class="point">1</text>
</div>
<div class="tab_item">
<text>已读</text>
</div>
</div>
<div>
<div class="tab_content_box message_content_box">
<div class="tab_content message_content">
<div class="content_item message_item">
<div class="tab_title message_title">临床表现</div>
<div>临床表现内容临床表现内容临床表现内容</div>
<div class="tab_time">昨天 9:30</div>
</div>
<div class="content_item message_item">
<div class="tab_title message_title">临床表现</div>
<div>临床表现内容临床表现内容临床表现内容</div>
<div class="tab_time">昨天 9:30</div>
</div>
</div>
</div>
<div class="message_content_box" hidden>
<div class="no_message">暂无消息</div>
</div>
</div>
</div>
<script src="../js/jquery-2.1.0.js"></script>
<script>
$('.message_item').click(function () {
window.location.href='../user/messageDetail.html'
})
$('.tab_item').click(function () {
var index = $(this).index()
$(this).addClass('tab_on').siblings().removeClass('tab_on')
$('.message_content_box').eq(index).show().siblings().hide()
})
</script>
</body>
</html>