mui一些小组件
一、文字(font) 文字位置: 可以给文字添加 .mui-text-left、.mui-text-center、.mui-text-right设置文字位置。 <div class="mui-text-left">我在左边</div> <div class="...
mui中confirm在苹果出现bug,confirm点击确定跳转页面再返回后,页面被遮罩盖住无法使用
项目中使用confirmmui.confirm('您还未抽奖,现在去抽奖吗?', function (res) {if (res.index === 1) { window.location.href = Url}})安卓手机没有问题,但苹果手机中点击“确认”跳转页面后,点击返回,返回的页面无法...
mui点击消息框的用法,及其点击呼叫拨打电话
var btnArray = ['取消', '呼叫'];mui.confirm('10086 ', '请联系客服通过认证', btnArray, function(e) { if (e.index == 1) { window.location.href = 'tel...
mui toast自定义样式
css中重写此样式: .mui-toast-container {bottom: 20% !important;/*离布局底部的距离*/}.mui-toast-message {background: url(../img/indicator_input_error.png) no-repea...
8、mui 登录页/注册页/列表页/详情页
一参考资料 二登录页 效果图 代码 三注册页 页面效果 代码 四列表页 代码 五详情页 代码 一、参考资料 http://edu.yuantuan.com/...
WebApp-mui列表页上拉加载下拉刷新 跳转详情页
列表页 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-w...
MUI预加载,从列表页到详情页
所谓的预加载技术就是在用户尚未触发页面跳转时,提前创建目标页面,这样当用户跳转时,就可以立即进行页面切换,节省创建新页面的时间,提升app使用体验 列表页: mui.init({ swipeBack:true, //启用右滑关闭功能 //预加载详情页 ...
mui使用video.js播放视频安卓手机无法全屏问题
mui框架使用video.js来播放视频,苹果手机全屏没问题,安卓手机全屏却闪一下就退出,原因是因为引入了mui.js,导致和video。js冲突了,touch事件执行了两遍,解决办法是video.js的全屏按钮点击一次后就阻止,代码 mui("#my-video").on("touchstar
MUI - 侧滑菜单
各大APP必备的侧滑菜单栏,支持手势滑动。包含QQ式、美团式等结构模板这里是示例Html, 必须使用Mui框架才能使用。主容器 <div class="mui-off-canvas-wrap mui-draggable"></div>菜单窗体 <aside class=...
MUI-最接近原生App体验的前端框架
MUI:让HTML5达到原生体验的高性能开源框架UI组件HelloMUIHTML5+开发移动app教程3-mui开发示例
最接近原生APP体验的高性能前端框架——MUI
前 言MUI有三大特点:轻量追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K原生UI鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也...
基于mui的H5套壳APP开发web框架分享
前言大致原理:创建一个main主页面,只有主页面有头部、尾部,中间内容嵌入iframe内容子页面,如果在当前页面进行跳转操作,也是在iframe中进行跳转,而如果点击尾部按钮切换模块、页面,那就切换iframe标签的src进行更新url,这样我们在跳转页面时,头部、尾部都不会刷新,浏览效果更佳,配合...
MUI - 将tap模拟成原生click体验
mui提供了tap事件替换了html5的click事件,解决了300ms延时的问题。不过相比原生app的click体验还是有些许差距的。关于300ms延时的问题,这篇帖子分析的比较完善,其中提到了穿透的问题,值得一读仅用微信为例,只有当手指离开屏幕时才触发click事件,如果对象绑定了长按事件,则触...
mui开发app之cropper裁剪后上传头像的实现
应广大读者建议,已经将该项目源码提交到地址: https://github.com/devilyouwei/dashen在大多数app项目中,都需要对用户头像的上传,之前做web开发的时候,我主要是通过input type=file的标签实现的,上传后,使用php对图片进行裁剪,这种方式比较传统简单...
mui常用功能链接地址
1、下拉刷新mui.pullToRefresh插件http://ask.dcloud.net.cn/article/12152、打包app权限列表http://ask.dcloud.net.cn/article/1003.h5+ 列表http://ask.dc...
MUI 同一个页面初始化多个pullrefresh 下拉刷新/上拉加载组件的问题
同一个页面使用选项卡 加载多个pullrefresh组件时,发现只能初始化第一个,几经周折未能解决,只好修改源码,解决方案如下: 修改mui.js中源码:增加如下代码 初始化多个pullrefresh时直接传递数组即可,单个依旧可以传递对象,不影响原来的方式 mui.js下载链接如下...
mui.back() 返回刷新父级页面
在子页面添加: mui.init({ beforeback: function() { //获得父页面的webview var list = plus.webview.currentWebview().opener(); //触发父页面的自定义事件(refresh),从而进行刷...
js,mui,jq 操作基本的DOM
一。HTML<ul><li>1111111</li><li>22222222</li></ul>二。CSSli{height: 60px;line-height: 60px;text-align: center;font-siz...
MUI - 解决动态列表页图片懒加载再次加载不成功的bug
首先描述一下功能##实现列表页动态加载通过官方提供的"下拉刷新和上拉刷新"及"图片懒加载"示例实现。http://www.cnblogs.com/phillyx/然后说一下bug##首次加载时图片可以获取成功,再次加载失败,通过chrome调试发现img 的 data-lazyload 属性没改变...
mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html
最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的。原生JS挺简单,为何需要jq?jq的成功当时是因为ie6、7、8、9、10、chrome、ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能。但jq根本就不是为手机设计的。手机上...