# setupMenu ^7.10
设置导航条的左右活动页选项
# 请求参数
| 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, // 菜单宽度,默认是44
        height: 44, // 菜单高度,默认是44
        key: 'id1', // 菜单标识,用于H5回调识别
        icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg', //菜单icon的在线url地址,优先级最高,如果有设置图片
        desc: '描述1', //菜单描述,若没有配置icon则显示描述,低优先级
        color: '#ff0000', //标题颜色,不传默认是黑色#000000
        font: 15, //字体大小,不传默认是15
      },
    ],
    rightItems: [
      {
        width: 44, // 菜单宽度,默认是44
        height: 44, // 菜单高度,默认是44
        key: 'id2', // 菜单标识,用于H5回调识别
        icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg', //菜单icon的在线url地址,优先级最高,如果有设置图片
        desc: '描述1', //菜单描述,若没有配置icon则显示描述,低优先级
        color: 'red', //标题颜色,不传默认是黑色#000000
        font: 15, //字体大小,不传默认是15
      },
      {
        width: 44, // 菜单宽度,默认是44
        height: 44, // 菜单高度,默认是44
        key: 'id3', // 菜单标识,用于H5回调识别
        icon: 'http://pic1.win4000.com/pic/d/d5/a5771055091.jpg', //菜单icon的在线url地址,优先级最高,如果有设置图片
        desc: '描述1', //菜单描述,若没有配置icon则显示描述,低优先级
        color: 'yellow', //标题颜色,不传默认是黑色#000000
        font: 15, //字体大小,不传默认是15
      },
    ],
}
this.$bridge
  .setupMenu(params)
  .then(res => {
    this.$alert(res)
  })
  .catch(err => {
    this.$toast(err)
  })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
# 接口返回示例
// 点击相应菜单的回调统一走event事件回调
globalEvent("receiveMessageFromApp")
// 返回的数据为
{ 
  messageType: 'menuItemClick', //消息类型,H5通过这个类型判断是否获取数据
  messageBody: {"key":"id1"} //菜单的唯一标识
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
