在原生微信小程序中,可以通过下面的设置来设置页面背景色
page {
background:'#f0f0f0'
}
但是在uni-app上,这样的设置在小程序端并没有起作用。
原因是因为style标签上加了scoped,那么如何在使用scoped的同时又能设置page背景色呢?
解决方案:
<style>
page {
background-color: #f5f5f5;
}
</style>
<style lang="scss" scoped>
.container {
width: 100%;
background-color: #f5f5f5;
}
</style>
解决uni-app中scoped影响全局页面背景色设置问题
在uni-app开发中,由于style标签的scoped属性,导致在小程序端无法设置全局页面背景色。但可以通过在未加scoped的<style>标签中设置page的背景色,或者在scoped的<stylelang=scss>中使用.container包裹全屏内容并设置背景色,来实现相应效果。
7452





