• mui一些小组件

    时间:2022-11-13 16:59:29

    一、文字(font) 文字位置: 可以给文字添加 .mui-text-left、.mui-text-center、.mui-text-right设置文字位置。 <div class="mui-text-left">我在左边</div> <div class="...

  • mui中confirm在苹果出现bug,confirm点击确定跳转页面再返回后,页面被遮罩盖住无法使用

    时间:2022-11-12 14:30:35

    项目中使用confirmmui.confirm('您还未抽奖,现在去抽奖吗?', function (res) {if (res.index === 1) { window.location.href = Url}})安卓手机没有问题,但苹果手机中点击“确认”跳转页面后,点击返回,返回的页面无法...

  • mui点击消息框的用法,及其点击呼叫拨打电话

    时间:2022-11-10 12:43:33

    var btnArray = ['取消', '呼叫'];mui.confirm('10086 ', '请联系客服通过认证', btnArray, function(e) { if (e.index == 1) { window.location.href = 'tel...

  • mui toast自定义样式

    时间:2022-11-09 20:00:00

    css中重写此样式: .mui-toast-container {bottom: 20% !important;/*离布局底部的距离*/}.mui-toast-message {background: url(../img/indicator_input_error.png) no-repea...

  • 8、mui 登录页/注册页/列表页/详情页

    时间:2022-11-09 16:52:53

    一参考资料 二登录页 效果图 代码 三注册页 页面效果 代码 四列表页 代码 五详情页 代码 一、参考资料 http://edu.yuantuan.com/...

  • WebApp-mui列表页上拉加载下拉刷新 跳转详情页

    时间:2022-11-09 16:34:54

    列表页 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-w...

  • MUI预加载,从列表页到详情页

    时间:2022-11-09 16:34:42

    所谓的预加载技术就是在用户尚未触发页面跳转时,提前创建目标页面,这样当用户跳转时,就可以立即进行页面切换,节省创建新页面的时间,提升app使用体验 列表页: mui.init({ swipeBack:true, //启用右滑关闭功能 //预加载详情页 ...

  • mui使用video.js播放视频安卓手机无法全屏问题

    时间:2022-11-07 18:53:24

    mui框架使用video.js来播放视频,苹果手机全屏没问题,安卓手机全屏却闪一下就退出,原因是因为引入了mui.js,导致和video。js冲突了,touch事件执行了两遍,解决办法是video.js的全屏按钮点击一次后就阻止,代码   mui("#my-video").on("touchstar

  • MUI - 侧滑菜单

    时间:2022-11-01 21:32:42

    各大APP必备的侧滑菜单栏,支持手势滑动。包含QQ式、美团式等结构模板这里是示例Html, 必须使用Mui框架才能使用。主容器 <div class="mui-off-canvas-wrap mui-draggable"></div>菜单窗体 <aside class=...

  • MUI-最接近原生App体验的前端框架

    时间:2022-11-01 20:25:29

    MUI:让HTML5达到原生体验的高性能开源框架UI组件HelloMUIHTML5+开发移动app教程3-mui开发示例

  • 最接近原生APP体验的高性能前端框架——MUI

    时间:2022-11-01 20:25:17

      前  言MUI有三大特点:轻量追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K原生UI鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也...

  • 基于mui的H5套壳APP开发web框架分享

    时间:2022-11-01 20:25:11

    前言大致原理:创建一个main主页面,只有主页面有头部、尾部,中间内容嵌入iframe内容子页面,如果在当前页面进行跳转操作,也是在iframe中进行跳转,而如果点击尾部按钮切换模块、页面,那就切换iframe标签的src进行更新url,这样我们在跳转页面时,头部、尾部都不会刷新,浏览效果更佳,配合...

  • MUI - 将tap模拟成原生click体验

    时间:2022-11-01 20:25:05

    mui提供了tap事件替换了html5的click事件,解决了300ms延时的问题。不过相比原生app的click体验还是有些许差距的。关于300ms延时的问题,这篇帖子分析的比较完善,其中提到了穿透的问题,值得一读仅用微信为例,只有当手指离开屏幕时才触发click事件,如果对象绑定了长按事件,则触...

  • mui开发app之cropper裁剪后上传头像的实现

    时间:2022-10-31 20:44:31

    应广大读者建议,已经将该项目源码提交到地址: https://github.com/devilyouwei/dashen在大多数app项目中,都需要对用户头像的上传,之前做web开发的时候,我主要是通过input type=file的标签实现的,上传后,使用php对图片进行裁剪,这种方式比较传统简单...

  • mui常用功能链接地址

    时间:2022-10-31 09:38:55

    1、下拉刷新mui.pullToRefresh插件http://ask.dcloud.net.cn/article/12152、打包app权限列表http://ask.dcloud.net.cn/article/1003.h5+ 列表http://ask.dc...

  • MUI 同一个页面初始化多个pullrefresh 下拉刷新/上拉加载组件的问题

    时间:2022-10-30 22:29:33

    同一个页面使用选项卡 加载多个pullrefresh组件时,发现只能初始化第一个,几经周折未能解决,只好修改源码,解决方案如下: 修改mui.js中源码:增加如下代码   初始化多个pullrefresh时直接传递数组即可,单个依旧可以传递对象,不影响原来的方式     mui.js下载链接如下...

  • mui.back() 返回刷新父级页面

    时间:2022-10-29 20:33:38

    在子页面添加: mui.init({ beforeback: function() { //获得父页面的webview var list = plus.webview.currentWebview().opener(); //触发父页面的自定义事件(refresh),从而进行刷...

  • js,mui,jq 操作基本的DOM

    时间:2022-10-29 18:22:21

    一。HTML<ul><li>1111111</li><li>22222222</li></ul>二。CSSli{height: 60px;line-height: 60px;text-align: center;font-siz...

  • MUI - 解决动态列表页图片懒加载再次加载不成功的bug

    时间:2022-10-28 08:16:44

    首先描述一下功能##实现列表页动态加载通过官方提供的"下拉刷新和上拉刷新"及"图片懒加载"示例实现。http://www.cnblogs.com/phillyx/然后说一下bug##首次加载时图片可以获取成功,再次加载失败,通过chrome调试发现img 的 data-lazyload 属性没改变...

  • mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html

    时间:2022-10-24 06:55:15

    最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的。原生JS挺简单,为何需要jq?jq的成功当时是因为ie6、7、8、9、10、chrome、ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能。但jq根本就不是为手机设计的。手机上...