支付宝小程序透明标题栏

时间:2024-03-06 10:42:29

官方小程序标题栏的文档

小程序页面有的上面标题栏为透明的,效果如下图,背景是一张图片。

标题栏的文字颜色也无法直接修改,可以通过修改标题栏的背景色间接修改(字体颜色会随着背景色改变而改变),但好像只有两种颜色,白色和蓝色,也可能有其他的,我没试太多

 

在json中添加

"transparentTitle": "auto"

 

修改标题栏文字颜色 ,在js中

my.setNavigationBar({
      //图标设置为白色(通过改变背景颜色实现)
      backgroundColor: \'#108ee9\',
    });