<style lang="less" scoped> //页面样式
.main{
width: 100%;
min-height: 100vh;
background-color: white;
}
</style>
<style lang="less" scoped> //引入的组件样式
.main{
width: 100%;
display: flex;
justify-content: center;
overflow-y: hidden;
}
</style>
1***@qq.com
- 发布：2020-10-17 14:10
- 更新：2020-10-17 14:10
- 阅读：538
产品分类： HbuilderX
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX版本号： 2.9.3
示例代码：
操作步骤：
在页面中引入具有同类名样式的组件
在页面中引入具有同类名样式的组件
预期结果：
子组件的.main不受页面的.main音响
子组件的.main不受页面的.main音响
实际结果：
子组件的.main受到了影响 高度变为100vh
子组件的.main受到了影响 高度变为100vh
bug描述：
Hublider2.9.3APP页面的scoped失效，同类名影响到引入的组件的样式
0 个回复