uniapp顶部导航栏透明

要实现uniapp顶部导航栏透明，可以通过以下步骤：

1. 在App.vue中设置页面背景色为透明，同时设置状态栏背景色为透明：

<style>
    #app {
        background-color: transparent;
    }
    .uni-status-bar {
        background-color: transparent;
    }
</style>

2. 在需要透明导航栏的页面中，设置导航栏为透明，并把标题和返回键颜色设置为白色：

export default {
    onNavigationBarButtonTap() {
        uni.navigateBack({
            delta: 1
        });
    },
    onNavigationBarSearchInputChanged(e) {
        console.log(e.detail);
    },
    onNavigationBarSearchInputConfirmed(e) {
        console.log(e.detail);
    },
    onNavigationBarSearchInputClicked() {
        console.log('search clicked');
    },
    onNavigationBarSearchInputFocusChanged(e) {
        console.log(e.detail);
    },
    onNavigationBarSearchInputBlur(e) {
        console.log(e.detail);
    },
    onReady() {
        uni.setNavigationBarColor({
            frontColor: '#ffffff',
            backgroundColor: 'rgba(0, 0, 0, 0)',
        });
    },
};

这样就可以实现uniapp顶部导航栏透明了。