ipnut (表单) 示例: 扩展阅读 ipnut (表单) 基本说明: 所有包裹在.mui-input-row 类中的 input、textarea等元素都将被默认设置宽度属性为width: 100%; 。 将 label 元素和上述控件控件包裹在.mui-input-group 中可以获得最好的排列。 <form class ...

accordion（折叠面板） 扩展阅读 accordion（折叠面板） 折叠面板从二级列表中演化而来，dom结构和二级列表类似，如下： <ul class = "mui-table-view" > <li class = "mui-table-view-cell mui-collapse" > ...

示例 扩展阅读 示例 假设如下场景：从新闻列表页面进入新闻详情页面，新闻详情页面为共用页面，通过传递新闻ID通知详情页面需要显示具体哪个新闻，详情页面再动态向服务器请求数据，mui要实现类似需求可通过如下步骤实现： 在列表页面中预加载详情页面（假设为detail.html） 列表页面在点击新闻标题时，首先，获得该新闻id，触发详情页面的news...

numbox(数字输入框) 扩展阅读 numbox(数字输入框) mui提供了数字输入框控件，可直接输入数字，也可以点击“+”、“-”按钮变换当前数值；默认numbox控件dom结构比较简单，如下： <div class = "mui-numbox" > <!-- "-"按钮，点击可减小当前数值 --> <button ...

checkbox（复选框） DOM结构 扩展阅读 checkbox（复选框） checkbox常用于多选的情况，比如批量删除、添加群聊等； DOM结构 <div class = "mui-input-row mui-checkbox" > <label> checkbox示例 </label> <input na...

实例:多余的列将会另起一行排列 实例:多余的列将会另起一行排列 左侧:如果在一个.mui-row 内包含的列（column）大于12个,包含多余列（column）的元素将作为一个整体单元被另起一行排列。 右侧:如果不足12个列将不会撑满整个.mui-row 容器 <div class = "mui-content" > ...

range（滑块） DOM结构 扩展阅读 range（滑块） 滑块常用于区间数字选择 DOM结构 <div class = "mui-input-row mui-input-range" > <label> Range </label> <input type = "range" min = "0" ...

事件 扩展阅读 事件 开关控件在打开/关闭两种状态之间进行切换时，会触发toggle事件,通过事件的detail.isActive属性可以判断当前开关状态。可通过监听toggle事件，可以在开关切换时执行特定业务逻辑。如下为使用示例： document . getElementById ( "mySwitch" ). addEventListen...

概述 概述 mui的上拉加载和下拉刷新类似，都属于pullRefresh 插件，使用过程如下： 1、页面滚动到底，显示“正在加载…”提示（mui框架提供） 2、执行加载业务数据逻辑（开发者提供） 3、加载完毕，隐藏”正在加载”提示（mui框架提供） 开发者只需关心业务逻辑，实现加载更多数据即可。

双 webview 模式 效果展示： 动画原理： 使用方法： 模式说明： 滚动到特定位置 目前仅支持 双 webview 模式 scrollTo( xpos , ypos [, duration] ) 更改下拉刷新文字位置 目前仅支持 双 webview 模式 双 webview 模式 效果展示： 动画原理： 使用双...