支付宝小程序my.setNavigationBar设置导航栏标题和样式API

追格官方小助手/ 2023年03月06日/ 小程序/ 浏览 3676

支付宝小程序my.setNavigationBar是一个设置导航栏标题和样式API,如:前景色、背景色、底部边框颜色、左上角 LOGO 图片。


代码示例:


// 设置导航栏前景色。注:frontColor 需要和 backgroundColor 或 reset: true一起设置,单独设置会报错:颜色值不合法
my.setNavigationBar({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
})
// 设置导航栏标题
my.setNavigationBar({
  title: '当前标题'
})
// 重置导航栏颜色为默认配色
my.setNavigationBar({
  reset: true
})


很多小伙伴问,支付宝小程序右上角的“胶囊按钮”可以设置颜色吗,可以的,可通过此接口入参 frontColor 设置,因为右上角胶囊按钮的颜色属于导航栏前景色。


需要注意的是:


1、导航栏背景色不支持渐变色,但可通过自定义导航栏实现。


2、导航栏前景色 frontColor 不能单独设置。要和 reset:true 或 backgroundColor 一起设置才能生效。否则会报错:颜色不合法。

发表评论

暂无评论,抢个沙发...

客服 工单