uniapp 在style添加了scoped后 page 选择器失效

追格官方小助手/ 2022年07月07日/ 小程序/ 浏览 6784

有时需要对小程序的页面样式进行设置,但是,使用uniapp开发小程序试,发现在对页面的style节点,添加了 scoped 属性后,page选择器就失效了。


这是因为uniapp中的页面,并非最终原生小程序中的页面。在HBuilderX 在对源码编译过程中,uniapp中的页面外部会包裹上page。简单说就是page是uniapp页面的父节点。在子节点上设置了 scoped ,父节点肯定就无法选中了。


解决办法就是给 page 选择器,单独设置一个 style。


<style>
	page {
		background-color: lightgreen;
	}
</style>

<style lang="scss" scoped>
	// 页面其他样式
</style>


发表评论

暂无评论,抢个沙发...

客服 工单