引入项目中封装后组件,样式缺失的问题解决

引入封装好的组件过程中,出现样式缺失。
封装好的组件:

全局有全局的样式styles.less(或styles.css)
组件有局部的样式style.less(或style.css)

我在自己的项目中引入这个组件时局部样式正常,全局样式出现缺失(不能说缺失,就是组件全局样式都没有应用)

解决方法:

我的组件在引入这个组件的时候,原组件在App.vue中有引入,组件没有引入,导致全局的样式没有应用。
上图
原来的代码:
component组件是封装好的组件
图1:index中只有局部的样式style.less
在这里插入图片描述
图2:App.vue中引入全局的样式

我在my项目中引入组件,全局的样式没有应用
修改组件中的子组件stock的index.vue

在这里插入图片描述
图3:在封装好的组件中子组件引入全局的styles.less 问题解决。

附:
另一种方法是在my项目中的less.less 中使用 /deep/ 可以重新定义自己的样式。

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐