bar导航相关事件/方法

bar使用


使用bar时需要适配手机顶部、底部状态栏。在你需要的地方引入 bar

// 引入方法,引入完成自动对元素进行渲染,如已经引入无需二次重复引入。 aeui.use(["bar"],function(name){ }); 或 aeui.use("bar",function(name){ });

方法




aeui.bar.setTopBar(dom,function(safeAreaTopHeight){})

适配顶部导航状态栏。

参数名类型可空描述
dom sting(文本) 必须填写 元素选择器、class、id.....
function(safeAreaTopHeight){} object(function) 可空 回调函数、成功返回状态栏高度、失败返回0
// 回调函数详解 aeui.bar.setTopBar(dom,function(h){ // 返回参数 h 为手机状态栏高度 // 本回调函数也可以返回数据,返回的数据只能是文本类型即为返回设置导航栏标题 // 例如: // return "适配成功状态栏高度为:"+h; });

使用实列子

aeui.bar.setBotBar(dom,function(index){})

适配底部导航状态栏、并监控菜单点击。

参数名类型可空描述
dom sting(文本) 必须填写 元素选择器、class、id.....
function(index){} object(function) 可空 回调函数、点击菜单返回菜单索引, 索引从 0 开始
// 回调函数详解 aeui.bar.setBotBar(dom,function(index){ // 返回参数 index 为菜单 索引,索引从 0 开始的 // 本回调函数也可以返回数据,返回的数据只能是 逻辑型bool // 例如: // return false; // false = 阻止菜单选中,此功能在有些时候很有用处,例如未登陆用户则不让点击...其他等等。 });

使用实列子

手机扫码访问 qrcode