MUI入門

官方位址：https://dev.dcloud.net.cn/mui/

MUI介紹：

其官網上寫到：最接近原生APP體驗的高性能前端架構。

特點：

輕量

追求性能體驗，輕量是重要特征。

MUI不依賴任何第三方JS庫，壓縮後的JS和CSS檔案僅有100+K和60+K

快速體驗：

官方推薦：

推薦使用軟體：Hbuilder。

具體建立步驟：選擇檔案，建立“移動APP”，并選擇“Hello MUI”工程模闆，建立工程；

具體運作步驟：

方式一：然後通過資料線将手機連接配接上電腦，點選運作，就可以在手機上體驗MUI的各項能力。

方式二：通過浏覽器運作

一些規範：

1. 建立含mui的HTML檔案

   在Hbuilder中，建立HTML檔案，選擇”含mui的HTML“模闆，可以快速生成mui頁面模闆，該模闆預設處理了mui的js、css資源引用。

   

2.輸入mheader

頂部标題欄是每個頁面都必需的内容，在Hbuilder中輸入mheader，可以快速生成頂部導航欄。

3.輸入mbody

除頂部導航、底部頁籤兩個控件之外，其它控件都建議放在.mui-content控件内，在Hbuilder中輸入mbody，可快速生成包含.mui-content的代碼塊。