1. 程式人生 > >MUI框架 採坑總結

MUI框架 採坑總結

規範

所有的固定欄 常用的有頂部導航欄(.mui-bar-nav)、底部工具條(.mui-bar-footer)、底部選項卡(.mui-bar-tab):

放在.mui-content元素之前 否則固定欄會遮住部分主內容

除固定欄之外 其它內容都要包裹在.mui-content中 否則就有可能被固定欄遮罩

原因:固定欄基於Fixed定位,不受流式佈局限制,普通內容依然會從top:0的位置開始佈局,這樣就會被固定欄遮罩

底部導航欄

快捷生成 mt

a標籤不能跳轉 電腦端 script標籤 新增 mui('body').on('click','a',function(){document.location.href=this.href;});

a標籤不能跳轉 手機端 script標籤 新增 mui('body').on('tap','a',function(){document.location.href=this.href;}); 

click + href

使用mui提供的tap + openWindow

element.addEventListener('tap',function(){
    //點選響應邏輯
});
mui.openWindow({url:'index.html'}); 

解決a標籤失效問題

mui('body').on('click','a',function(){document.location.href = this.href;});
mui('body').on('tap', 'a',function(){document.location.href = this.href;});

mui框架 封裝了一些jQuery演算法 

所以mui框架自帶 搭配原生js就可以 不用引入jquery庫 jquery非輕量級 會很慢