You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
首页单独存在的时候:首页 class = styles.main, props.customClass_AA。此时只有首页自己的 index.css 文件。
详情页加载完后,详情页 class = styles.main, props.customClass_BB。然后挂载了详情页的 css,css 文件的顺序是 .index.css -> detail.css。index 和 detail 中 main 这个 class 的权重一样。detail 中的 main 后定义,所以优先级更高。
相关平台
H5
复现仓库
https://github.com/Sylvia-00/taro-demo.git
浏览器版本: Chrome131.0.6778.205、Edge131.0.2903.112
使用框架: React
复现步骤
样式使用css module;
1、构建成H5打开(build:h5)- ListWrapper组件(组件内部颜色粉色);
2、首页引入ListWrapper组件,配置样式为红色(显示正常);
3、从首页点击按钮跳转到详情页,详情页ListWrapper组件,配置样式为蓝色(显示正常);
4、从详情页返回到首页,首页的ListWrapper组件样式重置为组件内部样式(显示粉色;
期望结果
希望第四点的样式为第2点一致(显示红色);
首页不应该把存在详情页的样式;
实际结果
从详情页返回到首页,首页的ListWrapper组件样式重置为组件内部样式(显示粉色);
且审查首页元素样式有两个一样的ListWrapper组件样式,首页配置的样式被详情页组件的默认样式覆盖了
环境信息
The text was updated successfully, but these errors were encountered: