LightSDK.native.addButton

功能描述

通过js添加导航栏按钮,目前允许在左右两边各加两个扩展按钮

支持格式

Json

请求参数:

字段 可选 类型及范围 说明
title 是(如果未提供icon,则为否) string 文本按钮标题
icon string 图片按钮的图标,可支持格式:1. 远程图片url,必须以 http://或https://开头 2. 图片Base64编码,以base64://开头 3. native/res/icon目录下的本地文件,相对路径且不包括文件后缀,如使用图片native/res/icon/test.png, 则次此参数为test
action string或function 用户点击按钮触发的事件,可支持格式: 1. 标准http或https url. 2. 标准gmu协议url 3 . JavaScript,以javascript:开头
position string 若为“left”,按钮添加在左侧,若为“right”,按钮添加在右侧,默认为“right”
tag string 导航栏按钮红点的标识位,用于控制是否隐藏红点,注意:使用红点功能时该字段为必选字段
badges json对象 红点json数据,如{ type: “num”, badge: 12,backgroundColor:”#ff6c00”}
1. type字段{string},分为num,dot两种,num为红点数据类型,dot为单纯小红点类型,即右上角就只有红色的圆点;num红点数据类型:右上角有红色的圆点且圆点中有数字显示
2. badge字段{number}:红点显示的数字
3. backgroundColor字段 {string} :设置红点的背景颜色

返回值说明

请求调用示例1

params={
"title":"百度",
"icon":"https://www.baidu.com/img/bd_logo1.png",
"action":"https://www.baidu.com",
"position":"left"
}

LightSDK.native.addButton(params,cb);

返回字段示例1

请求调用示例2

params={
"title":"百度",
"icon":"https://www.baidu.com/img/bd_logo1.png",
"action":this.handler,
"position":"left"
}

LightSDK.native.addButton(params,cb);

注:action 的值可以是 methods 中的方法

methods: {
handler() {
//do your thing
}
}

返回字段示例2

请求调用示例3-红点

params={			
"title":"百度",
"icon":"base64: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",
"action":"javascript:alert(123);",
"position":"left",
"tag":"34554"
"badges":{ type: "num", badge: 6,backgroundColor:"#ff6c00"}

}
LightSDK.native.addButton(params,cb);

注:action 的值可以以 javascript: 开头,只支持 web 环境

返回字段示例3

注意事项

图片格式为png,透明色,无边距,大小一般不超过30x30。

效果