1、MUI含義
目標:追求性能體驗,追求原生UI感覺
重要特征:輕量
優勢:MUI不依賴任何第三方JS庫,壓縮后的JS和CSS文件僅有100+K和60+K
基礎:MUI以iOS平台UI為基礎,補充部分Android平台特有的UI控件
2、下載Hello mui App
下載地址:https://github.com/dcloudio/mui ——綠色按鈕
3、 mui 文檔
mui官網:http://dev.dcloud.net.cn/mui/ui/
正式使用步驟:
步驟1:在<head>內寫入meta及mui.css
<head> <meta charset="utf-8" /> <title>農業大棚智能監控系統-實時監控</title> <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"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="../css/mui.min.css"> <style type="text/css"> #list { /*避免導航邊框和列表背景邊框重疊,看起來像兩條邊框似得;*/ margin-top: -1px; } </style> </head>
meta 說明:http://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html
步驟1:在</body>前引入mui.min.js
<script src="js/mui.min.js"></script>
以上都是個人在網上搜索,個人整理,方便記憶。