微信小程序顶部导航栏透明webview

764 阅读1分钟

目的

实现,微信小程序顶部导航栏透明,正常情况下,在原生小程序里是这么写

app.json

设置navigationStyle就可以了

{ 
    "pages": [ "pages/index/index" ], 
    "window": { 
        "navigationStyle": "custom" 
    } 
}

但是,我们是用的webview,就没效果了

解决方案

onLoad() {
    wx.setNavigationBarTitle({title: ''})
    wx.setNavigationBarColor({
      frontColor: '#ffffff',
      backgroundColor: '#xxxxx',
      animation: {
        duration: 400,
        timingFunc: 'easeIn'
      }
    })
}