index.html
6.89 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
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE >
<html>
<head>
<meta charset="utf-8">
<title>Jingle V0.4</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/Jingle.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div id="aside_container">
</div>
<div id="section_container">
<section id="index_section" class="active">
<header>
<!--<nav class="left">
<a id="btn_scan_barcode" data-icon="qrcode" href=""></a>
</nav>-->
<h1 class="title">Jingle V0.4</h1>
<nav class="right">
<a data-target="section" data-icon="info" href="#about_section"></a>
</nav>
</header>
<article class="active" data-scroll="true">
<div style="padding: 10px 0 20px;">
<ul class="list inset demo-list">
<li data-icon="next" data-selected="selected">
<span class="icon newspaper"></span>
<a href="#layout_section?a=1&b=2" data-target="section">
<strong>layout</strong>
<p>基本布局</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon bars-2"></span>
<a href="#button_section"data-target="section">
<strong>buttons</strong>
<p>按钮</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon list"></span>
<a href="#list_section"data-target="section">
<strong>lists</strong>
<p>基本列表</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon bars"></span>
<div class="tag alizarin">new</div>
<a href="#chart_section"data-target="section">
<strong>chart</strong>
<p>Jingle Chart，独立的移动端图表组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon stack"></span>
<a href="#form_section"data-target="section">
<strong>form</strong>
<p>表单基本组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon grid"></span>
<div class="tag alizarin">new</div>
<a href="#grid_section"data-target="section">
<strong>grid</strong>
<p>栅格组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon bell"></span>
<a href="#toast_section"data-target="section">
<strong>toast</strong>
<p>通知组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon rocket"></span>
<a href="#popup_section"data-target="section">
<strong>popup</strong>
<p>弹出框组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon ellipsis"></span>
<a href="#slider_section"data-target="section">
<strong>slider</strong>
<p>页面轮换组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon arrow-down-3"></span>
<a href="#scroll_section"data-target="section">
<strong>scroll</strong>
<p>滚动条插件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon arrow-up-2"></span>
<a href="#refresh_section"data-target="section">
<strong>pull2refresh</strong>
<p>上拉/下拉刷新组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon menu"></span>
<a href="#menu_section"data-target="section">
<strong>menu</strong>
<p>抽屉菜单组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon calendar"></span>
<a href="#calendar_section"data-target="section">
<strong>calendar</strong>
<p>日历组件</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon bubble"></span>
<a href="#icon_section"data-target="section">
<strong>icons</strong>
<p>用到的字体图标</p>
</a>
</li>
<li data-icon="next" data-selected="selected">
<span class="icon brightness-contrast"></span>
<a href="#color_section"data-target="section">
<strong>color</strong>
<p>常用的一些颜色色值</p>
</a>
</li>
<li class="divider">其他</li>
<li data-icon="next" data-selected="selected"><a href="#" data-icon="exit" id="btn_show_welcome"><strong>欢迎页</strong></a></li>
</ul>
</div>
</article>
</section>
</div>
<!--<script type="text/javascript" src="js/lib/cordova.js"></script>-->
<!-- lib -->
<script type="text/javascript" src="js/lib/zepto.js"></script>
<script type="text/javascript" src="js/lib/iscroll.js"></script>
<script type="text/javascript" src="js/lib/template.min.js"></script>
<script type="text/javascript" src="js/lib/Jingle.debug.js"></script>
<script type="text/javascript" src="js/lib/zepto.touch2mouse.js"></script>
<script type="text/javascript" src="js/lib/JChart.debug.js"></script>
<!--- app --->
<script type="text/javascript" src="js/app/app.js"></script>
<!--<script src="http://192.168.2.153:8080/target/target-script-min.js#anonymous"></script>-->
</body>
</html>