一 .
当我们本地通过 :: 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>