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>