mui 打开新页面

Posted 2020-10-04 理想程序员

mui 打开新页面需要用到 openWindow() 方法和 id，id 指点击的那个元素的 id ，至于 openWindow() ,详细可到 mui 文档》窗口管理》打开新页面查看，我在测试（真机运行，效果实现），用的比较简单，代码如下：

document.getElementById(‘mphone‘).addEventListener(‘tap‘, function() {
      //打开关于页面
      mui.openWindow({
        url: ‘phone.html‘, 
        id:‘mphone‘
      });
    });

HTML 结构如下：

<nav class="mui-bar mui-bar-tab">
                    <a class="mui-tab-item mui-active">
                        <span class="mui-icon mui-icon-home"></span>
                        <span class="mui-tab-label">首页</span>
                    </a>
                    <a class="mui-tab-item" id="mphone">
                        <span class="mui-icon mui-icon-phone"></span>
                        <span class="mui-tab-label">电话</span>
                    </a>
                    <a class="mui-tab-item" id="memail">
                        <span class="mui-icon mui-icon-email"></span>
                        <span class="mui-tab-label">邮件</span>
                    </a>
                    <a class="mui-tab-item">
                        <span class="mui-icon mui-icon-gear"></span>
                        <span class="mui-tab-label">设置</span>
                    </a>
                </nav>