菜单栏功能模块
菜单栏可能设置5个功能按键,按键可以是功能或网页联接,也可以动态的改变菜单按键。JSAPI无需引放任何js文件直接调用。
功能:【原生栏配置】的【菜单栏】内配置。
BSL.AppBottom('flag','isLong')
页面内JS控制菜单栏的显示与隐藏
| 参数 | 必填 | 说明 |
|---|---|---|
| flag | 是 | 固定值:1/0。1:显示菜单栏,0:隐藏菜单栏。 |
| islong | 是 | 固定值:1/0。1:全局,0:当前页。 |
示例代码
<script>
function appFinishiLoad()
{ BSL.AppBottom('0','1') //全局,显示菜单栏。
}
</script>
BSL.tabbarColor('color',isLong)
页面内JS控制菜单栏的背景颜色
| 参数 | 必填 | 说明 |
|---|---|---|
| color | 是 | 16进制的颜色值,例如 #FFC0CB |
| isLong | 是 | 固定值:1/0。1:全局,0:当前页。 |
示例代码
<script>
function appFinishiLoad()
{ BSL.tabbarColor('#FFC0CB','1') //全局,定义菜单栏背影色
}
</script>
BSL.SetTabbarAlpha('alpha')
页面内JS控制菜单栏的透明度,菜单栏有透明效果后覆盖网面部分要在网页做对应的适配。
| 参数 | 必填 | 说明 |
|---|---|---|
| alpha | 是 | 固定值:0.01~0.99。0.01:为全透明菜单栏,0.99:不透明菜单栏。 |
示例代码
<script>
function appFinishiLoad()
{ BSL.tabbarColor('#FFC0CB','1') //全局,定义菜单栏背影色
}
</script>
BSL.ChangeTabbar(json)
页面内JS控制菜单栏的某一按键功能,注意:不能增减菜单按键只能更换按键功能。
| 参数 | 必填 | 说明 |
|---|---|---|
| json | 是 | 菜单按键功能控制 |
示例代码
<script>
function appFinishiLoad()
{ BSL.ChangeTabbar({\"itemId\":0,\"clickEvent\":\"0\",\"selectId\":1,\"style\":\"1\",\"function\":\"\",\"name\":\"百度\",\"url\":\"https://m.baidu.com/\",\"title\":\"首页\",\"fontSize\":12,\"imageDefault\":\"back\",\"imageSelect\":\"back\",\"colorDefault\":\"#00ff00\",\"colorSelect\":\"#0000ff\"}) //定义按键1
}
</script>
json数据
例:{\"itemId\":0,\"clickEvent\":\"0\",\"selectId\":1,\"style\":\"1\",\"function\":\"\",\"name\":\"百度\",\"url\":\"https://m.baidu.com/\",\"title\":\"首页\",\"fontSize\":12,\"imageDefault\":\"back\",\"imageSelect\":\"back\",\"colorDefault\":\"#00ff00\",\"colorSelect\":\"#0000ff\"}
注:itemId必须有,其他参数不传则不改变。如果只想修改单独某一项只传itemId和该项,其他为空或不传。imageDefault和imageSelect不可单独存在(都不传或都传)。colorDefault和colorSelect不可单独存在(都不传或都传)。
| 参数 | 必填 | 说明 |
|---|---|---|
| itemId | 是 | 要修改按钮的位置。从左到右按键分别对应是0,1,2,3,4。 |
| clickEvent | 是 | 点击菜单按键时页面加载方式,0:无变化,1:刷新,2:回首页 |
| selectId | 是 | 要跳转的页面,跳转到指定的一个菜单页面。按键的id,从左到右,从0开始,即第一个为0。 |
| style | 是 | 按键样式,1: 图文 ,2:图 , 3:文字 |
| function | 否 | 按键功能,不写则功能不变,0分享,1二维码,2关于,3清除缓存,4打开链接,5前进,6后退,7刷新,8关闭,9打开左侧栏 |
| name | 是 | 标题文字 |
| url | 否 | 要改变的网址(和function项只有一个生效,url优先级高于function项) |
| title | 是 | 按键的名称 |
| fontSize | 否 | 按键的名称的字体大小 |
| imageDefault | 否 | 默认图片,填写完整地址。如:http://www.xxx.com/1.png 注:与imageSelect成对传值。可不传,不传时imageSelect也不传。 |
| imageSelect | 否 | 选中图片,填写完整地址。如:http://www.xxx.com/1.png 注:与imageDefault成对传值。可不传,不传时imageDefault也不传。 |
| colorDefault | 否 | 默认文字颜色,16进制的颜色值。如 #FFC0CB 注:与colorSelect成对传值。可不传,不传时colorSelect也不传。 |
| colorSelect | 否 | 选中文字颜色,16进制的颜色值。如 #FFC0CB 注:与colorDefault成对传值。可不传,不传时colorDefault也不传。 |
BSL.SlideHideTab(flag)
开启/关闭上下滑动隐藏菜单栏
| 参数 | 必填 | 说明 |
|---|---|---|
| flag | 是 | 固定值。1(开启)0(关闭) |
示例代码
<script>
function appFinishiLoad()
{ BSL.SlideHideTab('0') //开启滑动网页隐藏菜单栏。
}
</script>