原生栏介绍

导航栏、菜单栏、导航栏可以用预加载完成效果。

原生控制可以用URL进行控制，效果优于JS控制。JS是加载网页完成后生效。

导航栏显示/隐藏

BSL.AppTop('flag','isLong')
控制原生导航栏显示/隐藏

flag 值

isLong 值

<script>
	function appFinishiLoad(){
		BSL.AppTop('0','0') //当前页隐藏导航栏
        BSL.AppTop('0','1') //App内隐藏导航栏
	}
</script>

导航栏左侧按键

BSL.AppTopL('state','buttonImage','long')
控制原生导航栏左侧按键功能

state 值

<script>
	function appFinishiLoad(){
            BSL.AppTopL('0','','0') //原生导航栏左侧设置为分享，使用默认图标。
	}
</script>

导航栏右侧按键

BSL.AppTopR('state','buttonImage','long')
控制原生导航栏右侧按键功能

state 值

<script>
	function appFinishiLoad(){
            BSL.AppTopR('0','','0') //原生导航栏左侧设置为分享，使用默认图标。
	}
</script>

导航栏背景颜色

BSL.navbarColor('color','isLong')
控制原生导航栏背景颜色

isLong 值

<script>
	function appFinishiLoad(){
            BSL.navbarColor('#FFC0CB','0') //临时改变原生导航栏背景色
	}
</script>

导航栏透明度

BSL.SetNavBarAlpha('alpha','isLong')
控制原生导航栏透明度。

isLong 值

<script>
	function appFinishiLoad(){
            BSL.SetNavBarAlpha('0.01','0') //临时改变原生导航栏为全透明。
	}
</script>

导航栏文字

BSL.SetTitleName(‘title’,‘color’)
控制原生导航栏显示文字与文字颜色

<script>
	function appFinishiLoad(){
            BSL.SetTitleName('封装App','#ffffff') //当页网页原生导航栏标题文字。
	}
</script>

导航栏滑动隐藏

BSL.SlideHideNav(‘flag’)
控制原生导航栏在网页滑动时隐藏效果。

flag 值

<script>
	function appFinishiLoad(){
            BSL.SlideHideNav('0') //关闭网页滑动时原生导航栏隐藏。
	}
</script>

菜单栏显示/隐藏

BSL.AppBottom('flag','isLong')
控制原生菜单栏显示/隐藏

flag 值

isLong 值

<script>
	function appFinishiLoad(){
		BSL.AppBottom('0','0') //当前页隐藏菜单栏
        BSL.AppBottom('0','1') //App内隐藏菜单栏
	}
</script>

菜单栏背景颜色

BSL.tabbarColor('color','isLong')
控制原生菜单栏背景颜色

isLong 值

<script>
	function appFinishiLoad(){
            BSL.tabbarColor('#FFC0CB','0') //临时改变菜单栏背景色
	}
</script>

菜单栏透明度

BSL.SetTabbarAlpha('alpha','isLong')
控制原生菜单栏透明度

isLong 值

<script>
	function appFinishiLoad(){
            BSL.SetTabbarAlpha('0.01','0') //临时改变菜单栏为全透明。
	}
</script>

菜单栏滑动隐藏

BSL.SlideHideTab(‘flag’)
控制原生菜单栏滑动页面时隐藏效果。

flag 值

<script>
	function appFinishiLoad(){
            BSL.SlideHideTab('0') //关闭网页滑动时菜单栏隐藏。
	}
</script>

菜单栏按键控制

BSL.ChangeTabbar('json')
页面内JS控制菜单栏的某一按键功能，
注：不能增减菜单按键只能更换按键功能。

json 值

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\\"}

<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>

原生侧边栏

BSL.AppLeft('state')
打开原生侧边栏

<script>
	function appFinishiLoad(){
            BSL.AppLeft('1') 
	}
</script>

下拉刷新 关闭/开启

BSL.downRefresh('open','isLong')

open值

isLong 值

<script>
	function appFinishiLoad(){
            BSL.downRefresh('1','0'); // 开启当前页面下拉刷新。
	}
</script>

状态栏显示/隐藏

BSL.hideStateBar('state','flag')
控制状态栏（电池栏）显示/隐藏。

state值

flag值

<script>
	function appFinishiLoad(){
            BSL.hideStateBar('1','0') //显示状态栏
	}
</script>

状态栏字体颜色

BSL.StatusBarTextColor('state')
改变状态栏字体颜色

state值

<a href="#" onclick="BSL.StatusBarTextColor('1')">状态栏黑色字</a>
<a href="#" onclick="BSL.StatusBarTextColor('0')">状态栏白色字</a>