MUI
夏河始溢
垆边人似月,皓腕凝霜雪。
展开
-
三.MUI - accordion(折叠面板)、button(按钮)
1、折叠面板折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下: class="mui-table-view"> class="mui-table-view-cell mui-collapse"> class="mui-navigate-right" href="#">面板1 class="mui-collapse-content"转载 2017-04-07 22:06:49 · 2857 阅读 · 0 评论 -
十三.MUI - 窗口管理及窗口之间的数据传递
1、mui插件初始化使用 mui.init(); 进行mui插件初始化。2、页面初始化在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。如下为打印当前页面URL的示例:mui.plusReady(fu转载 2017-04-17 15:11:15 · 601 阅读 · 0 评论 -
十一.MUI - cardview(卡片视图)、mask(遮罩蒙版)
1、cardview(卡片视图)使用mui-card类即可生成一个卡片容器,卡片视图主要有页眉、内容区、页脚三部分组成,结构如下: class="mui-card"> class="mui-card-header">页眉 class="mui-card-content">内容区 class="mui-card-foot转载 2017-04-16 21:59:49 · 5944 阅读 · 0 评论 -
十.MUI - progressbar(进度条)、滑块及switch开关
1、有准确值的进度条有准确值的进度条会显示当前进度正处于整体进度的占比位置,用户可以更直观的预期完成时间;使用进度条控件,需要一个进度条控件容器,mui会自动识别该容器下是否有进度条控件,若没有,则自动创建。进度条控件DOM结构: id="demo1" class="mui-progressbar"> 初始化:mui(container).progre转载 2017-04-16 21:57:18 · 9299 阅读 · 0 评论 -
九.MUI - list(列表/图文列表)
1、普通列表列表是常用的UI控件,mui封装的列表组件比较简单,只需要在ul节点上添加.mui-table-view类、在li节点上添加.mui-table-view-cell类即可,如下为示例代码 class="mui-table-view"> class="mui-table-view-cell">Item 1 class="mui-table-view-cel转载 2017-04-16 21:54:23 · 7573 阅读 · 0 评论 -
二.MUI框架 开始体验MUI
体验MUI转载 2017-04-06 08:52:12 · 1149 阅读 · 0 评论 -
一.MUI框架 页面dom规则
MUI框架 页面dom规则转载 2017-04-05 19:11:17 · 1229 阅读 · 0 评论 -
十四.MUI - 事件管理及自定义事件详解
1、事件绑定可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定。addEventListener示例(单个元素事件绑定):mui.plusReady(function(){ document.getElementById('but1').addEventListener('tap',function(转载 2017-04-17 22:46:14 · 3664 阅读 · 0 评论 -
八.MUI - slide(轮播组件)
轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件,这些组件有较多共同点。Dom构造: class="mui-slider"> class="mui-slider-group"> class="mui-slider-item"> class转载 2017-04-11 17:12:50 · 3647 阅读 · 0 评论 -
七. MUI - dialog对话框、ipnut (表单)
1、mui.alert() 普通提醒参数1、message Type: String 提示对话框上显示的内容2、title Type: String 提示对话框上显示的标题3、btnValue Type: String 提示对话框上按钮显示的内容4、callback Type: Function 提示对话框上关闭后的回调函数5、type Value: 'div'是否使用h5绘制转载 2017-04-10 16:52:22 · 6617 阅读 · 2 评论 -
六.MUI - datepicker(时间选择器)
完整代码:<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">hello</h1><...原创 2017-04-08 18:50:06 · 19871 阅读 · 1 评论 -
五.MUI - actionsheet(操作表)、badge(数字角标)
1、操作表actionsheet一般从底部弹出,显示一系列可供用户选择的操作按钮; actionsheet是从popover控件基础上演变而来,实际上就是一个固定从底部弹出的popover,故DOM结构和popove类似,只是需要在含.mui-popover类的节点上增加.mui-popover-bottom、.mui-popover-action类; id="sheet1" cl转载 2017-04-08 18:47:34 · 2564 阅读 · 0 评论 -
四.MUI - 复选框、单选框、使用js获取选择值
1、复选框checkbox常用于多选的情况,比如批量删除、添加等;DOM结构 class="mui-input-row mui-checkbox"> checkbox示例 name="checkbox1" value="Item 1" type="checkbox" checked>默认checkbox在右侧显示,若希望在左侧显示,只需增加.mui-le转载 2017-04-07 22:12:45 · 15098 阅读 · 0 评论 -
十六、APP与服务器之间的交互原理、MUI Ajax使用
1、APP与服务器之间的交互原理app端(客户端)与服务端的交互其实理解起来和容易,客户端想服务器端发送请求,服务器端进行数据运算后返回最终结果。结果可以是多种格式:1、text 文本格式2、xml 格式3、json 格式2、什么是JSON?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON 语法规则:转载 2017-04-20 08:43:35 · 2911 阅读 · 0 评论