mui：

官網：http://dcloudio.github.io/mui/

說明：一般要把官網內容通讀一遍，這是開發的基礎

開始

1、新建項目

在首頁點擊新建移動App，如下：

或者在項目管理器內右鍵新建，或者快捷鍵ctrl+n+a

2、選擇模版

這里選擇mui項目，會自動引入mui的js和css，如下：

3、文件結構

默認有以下幾個文件夾：css，fonts，js，如下

基礎開發

代碼如下：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6     <title></title>
 7     <script src="js/mui.min.js"></script>
 8     <link href="css/mui.min.css" rel="stylesheet"/>
 9     <script type="text/javascript" charset="utf-8">
10           mui.init();
11     </script>
12 </head>
13 <body>
14     <header class="mui-bar mui-bar-nav">
15         <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
16         <h1 class="mui-title">我的標題</h1>
17     </header>
18     <div class="mui-content">    
19         <ul class="mui-table-view" id="my_list">
20             <li class="mui-table-view-cell">
21                 <div class="mui-slider-right mui-disabled">
22                     <a class="mui-btn mui-btn-red">刪除</a>
23                 </div>
24                 <div class="mui-slider-handle">
25                     待辦事項1
26                 </div>
27             </li>
28             <li class="mui-table-view-cell">
29                 <div class="mui-slider-right mui-disabled">
30                     <a class="mui-btn mui-btn-red">刪除</a>
31                 </div>
32                 <div class="mui-slider-handle">
33                     待辦事項2
34                 </div>
35             </li>                           
36         </ul>
37     </div>
38 </body>
39 </html>