MUI框架
zhy前端攻城狮
个人博客:http://zhanghongyublog.com
展开
-
mui开发APP教程之仿天猫支付弹出自定义框
由于,创建webview需要调用到HTML5+,所以要在mui.plus()函数里面调用plus.webview.create(),而在浏览器上调试无法调用plus,所以这里只展示一个原始页面,弹出框就不展示了;原始页面:确认订单页面html代码:<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-ic原创 2017-04-28 09:35:53 · 5666 阅读 · 1 评论 -
mui开发APP教程之年月日级联
mui实现年月日级联,是借用里面的一个picker选择器的组件,所以在引入mui.min.css跟mui.min.js之后,要再次引入mui.picker.min.css和mui.picker.min.js,若是文件找不到,这有一个非常简洁的方法,用HBuilder创建一个WebApp,引用一个Hello mui的模板,到js、css文件夹里面找,复制到你的项目下即可。 废话不多说,直接上代码co原创 2017-04-24 11:47:30 · 3414 阅读 · 4 评论 -
mui开发APP教程之上传用户头像
页面展示:实现功能: 点击头像出现acntionsheet框,让你选择是从相册选取还是拍照html代码:<li class="mui-table-view-cell infoName"> <a class="mui-navigate-right" id="userImg" href="#">头像</a> <img class="userImg" src="../img/b原创 2017-04-28 10:18:17 · 12214 阅读 · 7 评论 -
mui开发APP教程之创建项目
mui是一个基于H5+的前端框架,最近做毕业设计基于HTML5的APP,用的就是该框架,其中遇到不少坑,接下来货阐述遇到的坑以及解决方法。至于mui是干嘛的,有什么优点就不说了,官网(http://dev.dcloud.net.cn/mui/)都有,mui和Hbuilder是由dcloud的产品,所以为了方便mui框架的使用,Hbuilder对MUI加入了大量的语法提示、语法补全以及快捷键,用Hb...原创 2017-04-14 13:32:23 · 3030 阅读 · 0 评论 -
mui开发APP教程之省市区级联
在前一章我们写了年月日级联,这次我们来写省市级联,同样,实现级联的功能是基于mui的picker选择器, 所以到导入文件,这次要导入mui.picker.css、mui.poppiker.js以及用来存储地址信息得city.data-3.js(三级级联,若指向二级级联,则可使用city.data.js), 文件获取途径,见上篇年月日级联 废话不多说,我们来看代码: &amp;amp;amp;amp;amp;amp;lt;!doctype...原创 2017-04-24 12:02:02 · 8888 阅读 · 22 评论 -
mui开发APP教程之mui.ajax请求后出现“加载中”
利用mui.ajax向服务器请求数据会出现请求超时的情况,一般若是10S之后还没有响应,就会定义为超时,那么出错了的时候,这10秒钟不可能给用户白屏,即便是请求成功之后打开一个新页面,那么这个间隔时间也给用户响应。 但是mui 的ajax并没有实现类似jquery的ajaxStart 和 ajaxStop方法,然而在移动端上这两个方法还是比较常用的,比如在向后台提交数据的时候显示loading的...原创 2017-04-25 11:22:08 · 21826 阅读 · 2 评论 -
mui开发APP教程之使用选项卡跳转子页面
首页HTML代码: <!--主页面底部选项卡--> <nav class="mui-bar mui-bar-tab"> <a id="defaultTab" class="mui-tab-item mui-active" href="html/index-sub-home.html"> <span cl原创 2017-04-28 08:17:09 · 9176 阅读 · 6 评论 -
mui开发APP教程之仿天猫购物车
购物车原始页面: 先说说功能: 1、点击编辑,出现删除按钮,编辑变为完成两字; 2、点击删除,将当前这行的商品删除; 3、勾选任何一个复选框,立即购买按钮由禁用变为可用,同时,当勾选取消后,立即购买按钮回复原样; 4、勾选任何一个复选框时,合计金额变为所勾选的商品的金额之和; 接下来展示页面效果: 点击编辑后: 点击删除后: 删除之后:...原创 2017-04-28 09:05:02 · 8470 阅读 · 8 评论