# 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 | 状态栏高度 |
← 设置导航条 设置stateBar →