MUI学习01-MUI概括、使用前引入CSS及JS
生活随笔
收集整理的這篇文章主要介紹了
MUI学习01-MUI概括、使用前引入CSS及JS
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、MUI含義
目標(biāo)：追求性能體驗(yàn)，追求原生UI感覺
重要特征：輕量
優(yōu)勢(shì)：MUI不依賴任何第三方JS庫(kù)，壓縮后的JS和CSS文件僅有100+K和60+K
基礎(chǔ)：MUI以iOS平臺(tái)UI為基礎(chǔ)，補(bǔ)充部分Android平臺(tái)特有的UI控件
2、下載Hello mui App
下載地址：https://github.com/dcloudio/mui ——綠色按鈕
3、 mui 文檔
mui官網(wǎng)：http://dev.dcloud.net.cn/mui/ui/
正式使用步驟：
步驟1：在<head>內(nèi)寫入meta及mui.css
<head>
<meta charset="utf-8" />
<title>農(nóng)業(yè)大棚智能監(jiān)控系統(tǒng)-實(shí)時(shí)監(jiān)控</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 {
/*避免導(dǎo)航邊框和列表背景邊框重疊，看起來像兩條邊框似得；*/
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>
以上都是個(gè)人在網(wǎng)上搜索，個(gè)人整理，方便記憶。
總結(jié)
以上是生活随笔為你收集整理的MUI学习01-MUI概括、使用前引入CSS及JS的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SAP Spartacus Breadc
- 下一篇： ubuntu latex的minted