原生欄介紹

導航欄、菜單欄、導航欄可以用預加載完成效果。

原生控制可以用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>