uniapp隐藏自带顶部

LW放下
2022-08-18 10:51:04
Web前端
uniapp

全部隐藏

pages.json中

{
        ......
	"globalStyle": {
                 ......
		"navigationStyle": "custom"
                ......
	}
        ......
}

部分平台隐藏，比如小程序显示顶部，h5页面隐藏顶部

方法1 推荐

pages.json 文件中中

{
        ......
	"globalStyle": {
                 ......
		// #ifdef H5
		"navigationStyle": "custom",
		// #endif
		// #ifndef H5
		"navigationStyle": "default",
		// #endif
                ......
	}
        ......
}

方法2

// pages.json中
{
        ......
	"globalStyle": {
                 ......
		"navigationStyle": "default"
                ......
	}
        ......
}

// App.vue中设置全局样式
/* #ifdef H5 */
    uni-page-head {
        display: none;
    }
/* #endif */

本文为放下原创文章,转载无需和我联系,但请注明来自LW放下http://www.putyy.com