1.新建项目时选择含MUI的HTML文件,自带模板,非常方便
2.生成格式(常见的HTML格式):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta
name="viewport"
content="width=device-width,initial-scale=1,
minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
</body>
</html>
3.设计页面标题及左侧退出箭头符号
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon
mui-icon-left-nav mui-pull-left"> </a>
<h1 class="mui-title">江江test</h1>
</header>
运行效果如下:
至此,一个基本的app界面已经构成。