首页 > 建站教程 > APP开发,混合APP >  uniapp为page设置背景色不生效,uni-app scoped的page样式失效正文

uniapp为page设置背景色不生效,uni-app scoped的page样式失效

在用uniapp生成网页和H5时,在scoped里写的page样式有效,但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点,所以加上scoped限定后,会导致无法选中。

解决办法就是给page选择器,单独设置一个style,去掉scoped限制就行:

<style>
page {
  background-color: $uni-bg-color-theme;
}
</style>
<style scoped>
page {
  // background-color: $uni-bg-color-theme;
}
</style>


下一篇: 最后一页