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)
  })

接口返回示例

//注意： 点击相应菜单的回调统一走event事件回调，key是receiveMessageFromApp，示例如下
this.$bridge.addEventListener('receiveMessageFromApp', (res) => {
      console.log('xxxxxxxxxxxxx', res)
})
// res返回的数据示例为：
{ 
  messageType: 'menuItemClick', //消息类型，H5通过这个类型判断是否获取数据
  messageBody: {"key":"id1"} //菜单的唯一标识
}