MUI框架 採坑總結
阿新 • • 發佈:2019-01-22
規範
所有的固定欄 常用的有頂部導航欄(.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非輕量級 會很慢