mui() 扩展阅读 mui() mui使用css选择器获取HTML元素，返回mui对象数组。mui("p") ：选取所有<p> 元素mui("p.title") ：选取所有包含.title 类的<p> 元素 若要将mui对象转化成dom对象，可使用如下方法（类似jquery对象转成dom对象）： //obj1是mui对象 var obj...

radio（单选框） DOM结构 扩展阅读 radio（单选框） radio用于单选的情况 DOM结构 <div class = "mui-input-row mui-radio" > <label> radio </label> <input name = "radio1" type = "radi...

实例:通过为列设置padding 属性，从而创建列与列之间的间隔 扩展阅读 实例:通过为列设置padding 属性，从而创建列与列之间的间隔 两列之间白色区域为左侧列的padding Item 1 Item 1 <div class = "mui-content" > <div class = "mui-row...

progressbar（滚动条） 页面顶部进度条 扩展阅读 progressbar（滚动条） 有准确值的进度条 有准确值的进度条会显示当前进度正处于整体进度的占比位置，用户可以更直观的预期完成时间； 使用进度条控件，需要一个进度条控件容器，mui会自动识别该容器下是否有进度条控件，若没有，则自动创建。 进度条控件DOM结构： <div...

JS API JS API mui支持多种方式操作div模式的侧滑菜单： 1、在界面上拖动操作（drag）； 2、点击含有mui-action-menu 类的控件； 3、Android手机按menu键； 4、通过JS API触发， 如下： 可以有两种调用方式 mui ( '.mui-off-canvas-wrap' ). offCanvas...

button（按钮） 普通按钮 加载中按钮 快速体验: JS API 扩展阅读 button（按钮） mui默认按钮为灰色，另外还提供了蓝色（blue）、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的按钮，五种色系对应五种场景，分别为primary、success、warning、danger、ro...

switch(开关) switch(开关) mui提供了开关控件，点击滑动两种手势都可以对开关控件进行操作,UI如下： 默认开关控件,带on/off文字提示，打开时为绿色背景，基本class类为.mui-switch 、.mui-switch-handle ，DOM结构如下： <div class = "mui-switch" > ...

示例 示例 检测是否为iOS或安卓系统版本是否小于4.4 if ( mui . os . ios ||( mui . os . android && parseFloat ( mui . os . version )< 4.4 )){ //... } 代码块激活字符: mos mui遵循 MIT Licen...

侧滑导航 webview模式 div模式 侧滑导航 mui提供了两种侧滑导航实现：webview模式和div模式，两种模式各有优劣，适用于不同的场景。 webview模式 主页面和菜单内容在不同的webview中，两个页面根据内容需求分别组织DOM结构，mui对其DOM结构无特殊要求，故其有如下优点： 菜单内容是单独的webview，故...

事件监听 扩展阅读 事件监听 你可以通过一下方式监听侧滑菜单显示隐藏 事件名 作用 shown 显示 hidden 隐藏 document . querySelector ( '.mui-off-canvas-wrap' ). addEventListener ( 'shown' , function ( event ) { ...