天字第一号

发布：2020-12-31 15:54
更新：2022-06-04 01:37
阅读：1218

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

分类：uni-app

bug反馈不是bug

产品分类： 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 负责人:无分享

4 个回复

小王瘦瘦

多写一个style标签

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

zzdev

正解

2022-06-04 01:47
愿随风丶飘雪

学到了

2022-06-06 14:56

DCloud_UNI_GSQ

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

天字第一号 (作者)

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

2021-01-04 08:38
DCloud_UNI_GSQ

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

2021-01-04 11:00

2***@qq.com

所以解决了没

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

所以解决了没

要回复问题请先登录或注册

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

操作步骤：

<style lang="scss" scoped>

预期结果：

样式生效

实际结果：

样式未生效

bug描述：

4 个回复

公告

相关问题

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

操作步骤： <style lang="scss" scoped>

预期结果： 样式生效

实际结果： 样式未生效

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

<style lang="scss" scoped>

预期结果：

样式生效

实际结果：

样式未生效