1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <link rel="stylesheet" type="text/css" href="../jquery.mobile-1.4.5.min.css">
7 <script type="text/javascript" src="../jquery-1.12.0.min.js"></script>
8 <script type="text/javascript" src="../jquery.mobile-1.4.5.min.js"></script>
9 </head>
10 <body>
11 <div data-role="page">
12 <div data-role="header" data-theme="b">
13 <h1>dsf</h1>
14 </div><!-- b主题为黑色 -->
15 <!-- <div data-role="page" data-theme="a|b|c|d|e">
16 a 默认。黑色背景上的白色文本。
17 b 蓝色背景上的白色文本 / 灰色背景上的黑色文本
18 c 亮灰色背景上的黑色文本
19 d 白色背景上的黑色文本
20 e 橙色背景上的黑色文本
21 -->
22 <div data-role="content" data-theme="c"><!-- c主题为带黑色边框的 -->
23 <a href="#" data-role="button">按钮</a>
24 </div>
25 <div data-role="footer" data-theme="b">
26 <h1>dsaf</h1>
27 </div>
28 </div>
29 </body>
30 </html>