天字第一号
天字第一号
  • 发布:2020-12-31 15:54
  • 更新:2022-06-04 01:37
  • 阅读:1393

【报Bug】app css 在加了scoped后page选择器失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: nova7

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

<style lang="scss" scoped>

预期结果:

样式生效

实际结果:

样式未生效

bug描述:

不生效

<style lang="scss" scoped>  
page {  
    background: $bg-color-grey;  
    opacity: 0;  
}  
</style>

生效

<style lang="scss">  
page {  
    background: $bg-color-grey;  
    opacity: 0;  
}  
</style>  
2020-12-31 15:54 负责人:无 分享
已邀请:
小王瘦瘦

小王瘦瘦

多写一个style标签

<style>  
        page{  
                .....  
        }  
</style>  
<style  lang="scss"  scoped>  
         样式代码  
</style>
DCloud_UNI_GSQ

DCloud_UNI_GSQ

page 是其父节点,加了 scoped 自然失效

  • 天字第一号 (作者)

    h5生效,但是app不生效,这样会导致不符合预期的情况发生

    2021-01-04 08:38

  • DCloud_UNI_GSQ

    回复 天字第一号: 好的,后续会考虑以哪端为基准对齐

    2021-01-04 11:00

2***@qq.com

2***@qq.com

所以解决了没

愿随风丶飘雪

愿随风丶飘雪 - 勿在浮沙筑高台

所以解决了没

该问题目前已经被锁定, 无法添加新回复