一、lang="scss" scoped中的page选择器的样式失效
在用uniapp生成网页和H5时有效,但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点,所以加上scoped限定后,会导致无法选中。详细了解请移步源码。
解决办法就是给 page 选择器,单独设置一个 style,去掉scoped就行。
<style lang="scss">
page {
background-color: $uni-bg-color-theme;
}
</style>
<style lang="scss" scoped>
page {
// background-color: $uni-bg-color-theme;
}
。。。其它样式。。。
</style>
参考文献:

文章讨论了uniapp在不同平台下,使用scoped的page选择器样式失效的问题及解决方案,即为page选择器单独设置无scoped的style。同时,针对app启动时因未登录导致的多页面跳转问题,提出了使用uni.redirectTo代替uni.navigateTo来避免页面堆积。
最低0.47元/天 解锁文章
5290

被折叠的 条评论
为什么被折叠?



