有时需要对小程序的页面样式进行设置,但是,使用uniapp开发小程序试,发现在对页面的style节点,添加了 scoped 属性后,page选择器就失效了。
这是因为uniapp中的页面,并非最终原生小程序中的页面。在HBuilderX 在对源码编译过程中,uniapp中的页面外部会包裹上page。简单说就是page是uniapp页面的父节点。在子节点上设置了 scoped ,父节点肯定就无法选中了。
解决办法就是给 page 选择器,单独设置一个 style。
<style>
page {
background-color: lightgreen;
}
</style>
<style lang="scss" scoped>
// 页面其他样式
</style>
暂无评论,抢个沙发...