余生皆假期
余生皆假期
  • 发布:2017-04-27 16:31
  • 更新:2017-04-27 16:31
  • 阅读:2173

MUI入门笔记

分类:MUI

学习的是腾讯课程的教程h5+ App 开发实战教程 - 仿《有道词典》

一.准备工作

  1. 新建项目,选择mui作为模板
  2. 规划代码,建立基础文件作为模板来建立新文件copy.html
  3. 引css时引mui.css,而不是压缩版,方便做全局修改

二.常用代码记录
点击a标签打开新页面

<a id=“此处id要与html名字一致” onclick="openInfo(this.id)">  
  
<script>  
	function openInfo(id) {  
		mui.openWindow({  
			url: id + '.html',  
			id: id + '.html',  
		});  
	}  
</script>

二级页面标题栏,带返回键

<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" id="title">标题</h1>  
</header>
0 关注 分享

要回复文章请先登录注册