原生欄介紹

導(dǎo)航欄、菜單欄、導(dǎo)航欄可以用預(yù)加載完成效果。

原生控制可以用URL進(jìn)行控制，效果優(yōu)于JS控制。JS是加載網(wǎng)頁(yè)完成后生效。

導(dǎo)航欄顯示/隱藏

BSL.AppTop('flag','isLong')
控制原生導(dǎo)航欄顯示/隱藏

flag 值

isLong 值

<script>
	function appFinishiLoad(){
		BSL.AppTop('0','0') //當(dāng)前頁(yè)隱藏導(dǎo)航欄
        BSL.AppTop('0','1') //App內(nèi)隱藏導(dǎo)航欄
	}
</script>

導(dǎo)航欄左側(cè)按鍵

BSL.AppTopL('state','buttonImage','long')
控制原生導(dǎo)航欄左側(cè)按鍵功能

state 值

<script>
	function appFinishiLoad(){
            BSL.AppTopL('0','','0') //原生導(dǎo)航欄左側(cè)設(shè)置為分享，使用默認(rèn)圖標(biāo)。
	}
</script>

導(dǎo)航欄右側(cè)按鍵

BSL.AppTopR('state','buttonImage','long')
控制原生導(dǎo)航欄右側(cè)按鍵功能

state 值

<script>
	function appFinishiLoad(){
            BSL.AppTopR('0','','0') //原生導(dǎo)航欄左側(cè)設(shè)置為分享，使用默認(rèn)圖標(biāo)。
	}
</script>

導(dǎo)航欄背景顏色

BSL.navbarColor('color','isLong')
控制原生導(dǎo)航欄背景顏色

isLong 值

<script>
	function appFinishiLoad(){
            BSL.navbarColor('#FFC0CB','0') //臨時(shí)改變?cè)鷮?dǎo)航欄背景色
	}
</script>

導(dǎo)航欄透明度

BSL.SetNavBarAlpha('alpha','isLong')
控制原生導(dǎo)航欄透明度。

isLong 值

<script>
	function appFinishiLoad(){
            BSL.SetNavBarAlpha('0.01','0') //臨時(shí)改變?cè)鷮?dǎo)航欄為全透明。
	}
</script>

導(dǎo)航欄文字

BSL.SetTitleName(‘title’,‘color’)
控制原生導(dǎo)航欄顯示文字與文字顏色

<script>
	function appFinishiLoad(){
            BSL.SetTitleName('封裝App','#ffffff') //當(dāng)頁(yè)網(wǎng)頁(yè)原生導(dǎo)航欄標(biāo)題文字。
	}
</script>

導(dǎo)航欄滑動(dòng)隱藏

BSL.SlideHideNav(‘flag’)
控制原生導(dǎo)航欄在網(wǎng)頁(yè)滑動(dòng)時(shí)隱藏效果。

flag 值

<script>
	function appFinishiLoad(){
            BSL.SlideHideNav('0') //關(guān)閉網(wǎng)頁(yè)滑動(dòng)時(shí)原生導(dǎo)航欄隱藏。
	}
</script>

菜單欄顯示/隱藏

BSL.AppBottom('flag','isLong')
控制原生菜單欄顯示/隱藏

flag 值

isLong 值

<script>
	function appFinishiLoad(){
		BSL.AppBottom('0','0') //當(dāng)前頁(yè)隱藏菜單欄
        BSL.AppBottom('0','1') //App內(nèi)隱藏菜單欄
	}
</script>

菜單欄背景顏色

BSL.tabbarColor('color','isLong')
控制原生菜單欄背景顏色

isLong 值

<script>
	function appFinishiLoad(){
            BSL.tabbarColor('#FFC0CB','0') //臨時(shí)改變菜單欄背景色
	}
</script>

菜單欄透明度

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

isLong 值

<script>
	function appFinishiLoad(){
            BSL.SetTabbarAlpha('0.01','0') //臨時(shí)改變菜單欄為全透明。
	}
</script>

菜單欄滑動(dòng)隱藏

BSL.SlideHideTab(‘flag’)
控制原生菜單欄滑動(dòng)頁(yè)面時(shí)隱藏效果。

flag 值

<script>
	function appFinishiLoad(){
            BSL.SlideHideTab('0') //關(guān)閉網(wǎng)頁(yè)滑動(dòng)時(shí)菜單欄隱藏。
	}
</script>

菜單欄按鍵控制

BSL.ChangeTabbar('json')
頁(yè)面內(nèi)JS控制菜單欄的某一按鍵功能，
注：不能增減菜單按鍵只能更換按鍵功能。

json 值

json值：

{\\"itemId\\":0,\\"clickEvent\\":\\"0\\",\\"selectId\\":1,\\"style\\":\\"1\\",\\"function\\":\\"\\",\\"name\\":\\"百度\\",\\"url\\":\\"https://m.baidu.com/\\",\\"title\\":\\"首頁(yè)\\",\\"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\":\"首頁(yè)\",\"fontSize\":12,\"imageDefault\":\"back\",\"imageSelect\":\"back\",\"colorDefault\":\"#00ff00\",\"colorSelect\":\"#0000ff\"}’) //定義按鍵1
	}
</script>

原生側(cè)邊欄

BSL.AppLeft('state')
打開(kāi)原生側(cè)邊欄

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

下拉刷新 關(guān)閉/開(kāi)啟

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

open值

isLong 值

<script>
	function appFinishiLoad(){
            BSL.downRefresh('1','0'); // 開(kāi)啟當(dāng)前頁(yè)面下拉刷新。
	}
</script>

狀態(tài)欄顯示/隱藏

BSL.hideStateBar('state','flag')
控制狀態(tài)欄（電池欄）顯示/隱藏。

state值

flag值

<script>
	function appFinishiLoad(){
            BSL.hideStateBar('1','0') //顯示狀態(tài)欄
	}
</script>

狀態(tài)欄字體顏色

BSL.StatusBarTextColor('state')
改變狀態(tài)欄字體顏色

state值

<a href="#" onclick="BSL.StatusBarTextColor('1')">狀態(tài)欄黑色字</a>
<a href="#" onclick="BSL.StatusBarTextColor('0')">狀態(tài)欄白色字</a>