uni-app小程序开发设置页面背景色

发表于 阅读次数： 本文字数： 397 阅读时长 ≈ 1 分钟
前言

最近使用uni开发小程序的时候遇到了一个问题，我想要设置页面的背景色，但是在style标签中怎么写都不生效，

看了无数的帖子，都是说设置page { background-color: rgb(240, 240, 240); }这个就好使，但是我的就是不生效

解决

后经过多方测试，发现，我们一般写style样式都是系统自动生成的，如下

1
2
<style lang="scss" scoped>
</style>

问题就出现在scoped上，它的意思大家应该都懂，vue组件中为了样式隔离，做到私有化，添加scoped属性以表示它只属于当下的模块，局部有效

所以去掉后，代码如下

1
2
3
4
5
<style>
    page {
        background-color: rgb(240, 240, 240);
    }
</style>

背景色正常显示