原生菜单控制

发布时间:2019-02-12 23:35:27 作者:freelance 阅读量:1525

菜单栏功能模块


菜单栏可能设置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>

上一篇:原生侧边栏
***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2023-10-26 16:00:01

4.最后就可以开始进行app制作了,步骤如下:5.接下来就是把软件运行到手机上南宁良庆区app制作地址 即可制作表情包赚钱的app pp制作了,步骤如下:5.接下来就是把软件运行到手机上即可

回复

评论时间:2023-10-06 03:52:01

7.怎样保app开发成本明细 存图片棋牌游戏app开发需要多少钱 样保存图片

回复
随手APP
Catfish(鲶鱼) Blog V 4.7.3