设置导航条的左右活动页选项
#请求参数
Prop |
Type |
Default |
Comment |
leftItems |
Array |
N/A |
靠左边的icon设置 |
rightItems |
Array |
N/A |
靠右边的icon设置 |
#leftItem | rightItem 字段描述
Prop |
Type |
Default |
Comment |
width |
number |
N/A |
菜单宽度,默认是44, 单位是pt |
height |
number |
N/A |
菜单高度,默认是44, 单位是pt |
key |
string |
N/A |
菜单标识,用于H5回调识别,点击icon的回调是通过event形式返回,key作为唯一标识 |
icon |
string |
N/A |
菜单icon的在线url地址,优先级最高,如果有设置图片 |
desc |
string |
N/A |
菜单描述,若没有配置icon则显示描述,低优先级 |
color |
string |
N/A |
标题颜色,不传默认是黑色#000000 |
font |
number |
N/A |
字体大小,不传默认是15 |
#接口调用示例
const params = {
leftItems: [
{
width: 44,
height: 44,
key: 'id1',
icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg',
desc: '描述1',
color: '#ff0000',
font: 15,
},
],
rightItems: [
{
width: 44,
height: 44,
key: 'id2',
icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg',
desc: '描述1',
color: 'red',
font: 15,
},
{
width: 44,
height: 44,
key: 'id3',
icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg',
desc: '描述1',
color: 'yellow',
font: 15,
},
],
}
this.$bridge
.setupMenu(params)
.then(res => {
this.$alert(res)
})
.catch(err => {
this.$toast(err)
})
#接口返回示例
globalEvent("receiveMessageFromApp")
{
messageType: 'menuItemClick',
messageBody: {"key":"id1"}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具