APP定义: 手机里安装的应用程序；

跨平台开发：写完一套代码可以多端（ios andriod...）适配;

头部导航 、主体（内容区域） 、底部导航三部分组成；

快速生成键 mheader+enter键

主体：mbody+enter键

底部导航：

 

在项目管理器中双击“manifest.json”文件，打开应用配置页面：

 

图片轮播：

mslide+3 生成的是不支持轮播的，要.mui-slider-group节点上增加.mui-slider-loop类

图片轮播继承自slide插件，若要支持循环，则需要在.mui-slider-group节点上增加.mui-slider-loop类，同时需要重复增加2张图片，图片顺序变为：4、1、2、3、4、1，代码示例如下：

<div class="mui-slider">
  <div class="mui-slider-group mui-slider-loop">
    <!--支持循环，需要重复图片节点-->
    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="4.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="1.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="2.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="3.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="4.jpg" /></a></div>
    <!--支持循环，需要重复图片节点-->
    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="1.jpg" /></a></div>
  </div>
</div>

JS Method

mui框架内置了图片轮播插件，通过该插件封装的JS API，用户可以设定是否自动轮播及轮播周期，如下为代码示例：

<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
　　　 　//获得slider插件对象
        var gallery = mui('.mui-slider');
        gallery.slider({
              interval:1000//自动轮播周期，若为0则不自动播放，默认为0；
        });
</script>
picker（选择器）

 

mui框架扩展了pipcker组件,可用于弹出选择器,在各平台上都有统一表现.poppicker和dtpicker是对picker的具体实现

 

*poppicker组件依赖mui.picker.js/.css mui.poppicker.js/.css请务必在mui.js/css后中引用,也可统一引用 压缩版本:mui.picker.min.js