uniapp打包 H5 样式失效以及隐藏H5的顶部导航栏

一 .

当我们本地通过 :: v-deep 来修改组件样式的时,本地运行是可以生效的,但是打包发布之后样式失效.

::v-deep .u-icon__icon[data-v-2ee87dc9] {
	color: #fff !important;
}

后来发现把 后面的 [data-v-2ee87dc9] 给删除掉就没有问题了.因为本地运行时是 [data-v-2ee87dc9] ,打包到线上之后就是 [data-v-21287dc7] 和我们本地是不同的,所以会出现样式失效的问题.

::v-deep .u-icon__icon {
	color: #fff !important;
}

二.

隐藏H5的顶部导航栏: 在 App.vue 文件中添加一下代码

<style lang="scss">
	// 隐藏顶部导航栏(一定要写在 @import 的前面,否则报错!!!)
    uni-page-head {
        display: none;
	}
	@import "@/uni_modules/uview-ui/index.scss";
	@import '@/static/scss/index.scss'
</style>