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 文件中添加一下代码

你可能感兴趣的:(前端开发,uniapp,css,uni-app,前端,javascript)