【mui学习】的更多相关文章

mui学习

  改变状态栏的颜色 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">  <script type="text/javascript" charset="utf-8&qu…

mui学习记录

1.页面间传值 2.mui如何增加自定义icon图标 http://ask.dcloud.net.cn/article/128 3.设计基于HTML5的APP登录功能及安全调用接口的方式(原理篇) http://ask.dcloud.net.cn/article/157…

mui学习笔记

一.页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload(); }); (2).子页面B代码 var main = plus.webview.currentWebview().opener();//获取父页面A对象 var main = plus.webview.getWebviewB…

H5+ and mui学习记录

基础 1.H5+ 定义实现了一些调用原生方法的对象 2.其他的原生方法可以通过Native.js调用 webview 3.webview是调用原生界面的H5+对象 4.单个webview只承载单个页面的dom,多个webview可以组合,嵌套. 例如,为了流畅滚动,可以将目标页面分解为主页面和内容页面多个webview,主页面显示卡头卡尾区域,比如顶部导航.底部选项卡等:内容页面显示具体需要滚动的内容. 5.页面之间会相互遮挡,所以页面的大小位置很重要. height和width两个属性默认为1…

mui学习链接

http://dev.dcloud.net.cn/mui/snippet/ http://www.bcty365.com/content-146-2453-1.html hbuilder转rem值: http://www.monkeyblog.cn/2016/12/26/01-14/. 手机分辨率适配问题: http://www.cnblogs.com/lyzg/p/4877277.html 流云诸葛-博客 mui去掉.mui-table-view-cell的下边框: .mui-table-vi…

MUI学习03-滚动图（幻灯片）及菜单项（九宫格）

<!--标准mui.css-->引入CSS:<link rel="stylesheet" href="../css/mui.min.css"> HTML代码如下: <!--滚动图(幻灯片)--> <div class="mui-slider "> <div class="mui-slider-group mui-slider-loop"> <!--支持循环,需要…

MUI学习04-开关按钮

HTML代码如下: <div class="mui-switch"> <div class="mui-switch-handle"></div> </div> 引入JS:<script src="../js/mui.min.js"></script> 引入CSS:<link rel="stylesheet" href="../css/mui…

MUI学习03-弹出菜单(弹出列表)

弹出菜单HTML代码如下: <div class="mui-content"> <!--弹出列表-----------start--> <button id="menu-btn" type="button" class="mui-btn mui-btn-success mui-btn-block" style="padding: 10px;"> 列表<span cl…

MUI学习02-顶部导航栏

建议:先看一下MUI注意事项 连接:http://ask.dcloud.net.cn/article/122 固定栏靠前 所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素: 常见组件包括:顶部导航栏(.mui-bar-nav).底部工具条(.mui-bar-footer).底部选项卡(.mui-bar-tab) 元素使用时需遵循一个规则:放在.mui-content元素之前,即使是底部工具条和底部选项卡,也要放在.mui-content之前,否则固定栏会遮住部分主…

MUI学习01-MUI概括、使用前引入CSS及JS

1.MUI含义 目标:追求性能体验,追求原生UI感觉 重要特征:轻量 优势:MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 基础:MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件 2.下载Hello mui App 下载地址:https://github.com/dcloudio/mui   ——绿色按钮 3. mui 文档 mui官网:http://dev.dcloud.net.cn/mui/ui/ 正式使用步骤: 步骤1:在<head>…