-
1. mdui例子参考打开工程mdui文件下的index.html, 浏览器调成手机模式,或者在mdlife的app中查看
-
2. 设计图psd上高度宽度除以 100 转换成rem
-
3. 字体大小不要自己指定 用common.mobile.css 定义的
-
-
5 zepto和mdui不要重复引用, 简单的页面用不到mdui的就不用引用mdui相关的css和js代码了
-
6 注意引用顺序
<script type="text/javascript" src="../statics/common/js/zepto.js"></script>
<script type="text/javascript" src="../statics/common/js/mdlife.js"></script>
<script type="text/javascript" src="../statics/common/js/common.js"></script>
<script type="text/javascript">
your code
</script>
mdui引用
<script type="text/javascript" src="../statics/mdui/js/mdui.min.js"></script>
<script type="text/javascript" src="../statics/common/js/mdlife.js"></script>
<script type="text/javascript" src="../statics/common/js/common.js"></script>
<script type="text/javascript">
your code
</script>
-
7 程序入口
<script type="text/javascript">
Base.ready(function() {
//TODO
});
//事件绑定 不能写在ready里, 会重复绑定
Base.click("selector", function() {
}, "md-act1");
</script>
-
8 js文件说明
> (1) header.js页面适配,指定html字体大小相关
> (2) mdlife.js引擎和一些基础方法相关
> (3) common.js项目中通用方法相关
> (4) validate.js,require.js, template.js, 分别是校验,模块,模板js