index.html
5.45 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>MiniRefresh Showcase</title>
<link rel="stylesheet" href="./common/common.css" />
</head>
<body>
<nav class="navbar-header">MiniRefresh Showcase</nav>
<div class="content">
<p class="nav-tips">base showcase 基础示例</p>
<ul class="data-list" >
<li class="list-item">
<a class="msg-title" href="base/base_list.html">base-list 基本新闻列表</a>
<span class="msg-fs14 msg-date">最简单的列表实现</span>
</li>
<li class="list-item">
<a class="msg-title" href="ajax/ajax_list.html">ajax_list ajax 分页示例</a>
<span class="msg-fs14 msg-date">简单的 ajax 分页示例</span>
</li>
<li class="list-item">
<a class="msg-title" href="base/options_list.html">options-list 列表的配置项</a>
<span class="msg-fs14 msg-date">演示了所有的配置项的使用</span>
</li>
<li class="list-item">
<a class="msg-title" href="base/successanim_list.html">successanim-list 成功动画列表</a>
<span class="msg-fs14 msg-date">带下拉成功动画的列表示例</span>
</li>
<li class="list-item">
<a class="msg-title" href="base/csstranslate_list.html">csstranslate-list translate动画</a>
<span class="msg-fs14 msg-date">是否downWrap开启translate动画</span>
</li>
<li class="list-item">
<a class="msg-title" href="base/onecontainer_multilist.html">onecontainer-multilist 单Minirefresh容器</a>
<span class="msg-fs14 msg-date">单个MiniRefresh容器实现多个列表效果</span>
</li>
<li class="list-item">
<a class="msg-title" href="base/multicontainer_multilist.html">multicontainer-multilist 多Minirefresh容器</a>
<span class="msg-fs14 msg-date">多个MiniRefresh容器实现多个列表效果</span>
</li>
<li class="list-item">
<a class="msg-title" href="vue/vue_list.html">vue-list vue支持</a>
<span class="msg-fs14 msg-date">支持在Vue下的使用</span>
</li>
</ul>
<p class="nav-tips">themes showcase 主题的使用</p>
<ul class="data-list" >
<li class="list-item">
<a class="msg-title" href="themes/theme_applet.html">【applet】 仿小程序主题</a>
<span class="msg-fs14 msg-date">仿微信小程序下拉刷新</span>
</li>
<li class="list-item">
<a class="msg-title" href="themes/theme_taobao.html">【taobao】 仿淘宝主题</a>
<span class="msg-fs14 msg-date">仿淘宝小拉刷新，包括淘宝二楼效果</span>
</li>
<li class="list-item">
<a class="msg-title" href="themes/theme_drawer3d.html">【drawer3d】 3D抽屉效果主题</a>
<span class="msg-fs14 msg-date">下拉带3D抽屉效果</span>
</li>
<li class="list-item">
<a class="msg-title" href="themes/theme_drawerslider.html">【drawerslider】 滑动抽屉效果主题</a>
<span class="msg-fs14 msg-date">下拉时scroll不动，抽屉滑动出来</span>
</li>
</ul>
<p class="nav-tips">scroll-nested showcase 和一些scroll嵌套的示例</p>
<ul class="data-list" >
<li class="list-item">
<a class="msg-title" href="scroll-nested/nested_muitransparent.html">【muibar transparent】 透明导航栏嵌套</a>
<span class="msg-fs14 msg-date">内部嵌套一个mui的透明导航栏</span>
</li>
<li class="list-item">
<a class="msg-title" href="scroll-nested/nested_horizonscroll.html">【horizontal scroll】 横向滑动嵌套</a>
<span class="msg-fs14 msg-date">内部嵌套一个横向滑动示例</span>
</li>
<li class="list-item">
<a class="msg-title" href="scroll-nested/nested_slider.html">【mui slider】 图片轮播嵌套</a>
<span class="msg-fs14 msg-date">内部嵌套一个图片轮播的单列表示例</span>
</li>
<li class="list-item">
<a class="msg-title" href="scroll-nested/nested_muiscroll.html">【mui scroll】 mui-scroll嵌套</a>
<span class="msg-fs14 msg-date">嵌套在mui-scroll内部的多列表示例</span>
</li>
<li class="list-item">
<a class="msg-title" href="scroll-nested/nested_swipe.html">【swipe】 swipe嵌套</a>
<span class="msg-fs14 msg-date">嵌套在swipe内部的多列表示例</span>
</li>
</ul>
</div>
</body>
</html>