# setTitle(title)

设置导航栏标题

示例

this.$app.setTitle('hi,我是设置标题')

入参说明

参数名 类型 必填 说明
title string 可选 标题文字

# setTitleBarColor(titleBarColor)

设置导航栏背景颜色

示例

this.$app.setTitleBarColor('FF00FF').then(res => {
	console.log(res);
});

入参说明

参数名 类型 必填 说明
titleBarColor string 导航栏背景颜色 16进制颜色,如ff0000

# setBarBottomLineColor(OBJECT)

设置导航栏底部线条颜色

示例

this.$app.setBarBottomLineColor({
  color: '#ff0000'
})

入参说明

参数名 类型 必填 说明
color string 导航栏底部线条颜色 16进制颜色,如#ff0000

# setTitleVisible

显示/隐藏导航栏

示例

this.$app.setTitleVisible(true);

入参说明

参数名 类型 必填 说明
--- Boolean 默认为true,false 为隐藏标题

# setOptionMenus()

设置导航栏右上角按钮

示例

this.$app.setOptionMenus({
            menu: [
              {
                icon: 'more_black'
              },
              {
                title: '消息',
                color: '#ff00ff'
              }
            ]
          });

入参说明

参数名 类型 必填 说明
data object 参数对象

menu参数说明

参数名 类型 必填 说明
menu Array 按钮参数

menu参数说明

参数名 类型 必填 说明
icon string 是 (icon和title,必传其一,两则都传,只显示图标) 按钮图片,支持本地内置和在线icon,内置icon: card ,clear,coupon,filter,home,message,more,plus,property,query,search,service,setting,shareing,version_change, 使用时 使用 icon_颜色, 例如显示黑色的更多按钮则icon为 more_black
title string 是 (icon和title,必传其一,两则都传,只显示图标) 文字标题
color string 可选 文字标题颜色

# hideOptionMenu()

隐藏导航栏右上角按钮

示例

this.$app.hideOptionMenu()

# showOptionMenu()

显示导航栏右上角按钮

示例

this.$app.showOptionMenu()

# showFloatMenu()

显示气泡菜单

  • 示例代码
 let index = 0;
 let menus = [
	{
		title: '消息',
		icon: 'message_white',
		badge: '11'
	},
	{
		title: '客服',
		icon: 'service_white'
	},
	{
		title: '首页',
		icon: 'home_white'
	}
];
 this.$app.showFloatMenu(menus, index)
 


  • 入参说明

    参数名 类型 必填 说明
    index string 菜单弹出位置
    menu Array 是[MenuObject] 浮动按钮菜单集合
  • MenuObject参数说明

    参数名 类型 必填 说明
    title string 可选 按钮文字
    icon string 可选 按钮图片,支持本地内置和在线icon,内置icon: card ,clear,coupon,filter,home,message,more,plus,property,query,search,service,setting,shareing,version_change, 使用时 使用 icon_颜色, 例如显示黑色的更多按钮则icon为 more_black
    badge string 可选 菜单按钮数字

# getStatusBarHeight()

获取状态栏高度

示例

this.$app.getStatusBarHeight().then(res => {
	console.log(res);
});

success 返回参数说明:

参数名 类型 说明
res String 状态栏高度
Last Updated: 4/26/2023, 11:12:19 AM