forked from chuanzaizai/scroll-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (128 loc) · 4.32 KB
/
index.html
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
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<title>下拉刷新-上拉加载更多</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<!-- header -->
<div class="header">
<span class="iconfont icon-shouyeshouye"></span>
<h2 class="title">演出列表</h2>
</div>
<!-- content -->
<div class="list-wrapper list-wrapper-hook">
<div>
<!-- 顶部提示信息 -->
<div class="top-tip">
<span class="refresh-hook">下拉刷新</span>
</div>
<!-- 列表 -->
<ul class="list-content list-content-hook">
<li class="list-item">
<div class="avatar">
<img src="img/1.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/2.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/3.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/1.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/2.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/3.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/1.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/2.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
<li class="list-item">
<div class="avatar">
<img src="img/3.png" width="100" height="100" />
</div>
<div class="text">
<h2>只会放肆,不会说谎,好青春也是谁不想要一个深情却刺激</h2>
<span>2016-11-23</span>
</div>
</li>
</ul>
<!--
1、底部提示信息
2、这里有一种情况,就是没有更多数据时,这里的文本应该显示"暂无更多数据"
-->
<div class="bottom-tip">
<span class="loading-hook">查看更多</span>
</div>
</div>
</div>
<!-- content end -->
<!-- footer -->
<div class="footer">
<span class="iconfont icon-tuijian"></span>
<span class="iconfont icon-shezhi"></span>
<span class="iconfont icon-shoucangshixin"></span>
</div>
<!-- alert -->
<div class="alert alert-hook">刷新成功</div>
<!-- js -->
<script src="js/bscroll.js"></script>
<script src="js/index.js"></script>
</body>
</html>