一般我们在写项目时,不管是原生的css去写还是通过less/sass预处理器去处理,都习惯性的根据不同的功能模块等去对应相应的样式文件,最后统一在一个地方引入,例如:

在这里插入图片描述
common.scss文件

@import './reset.scss';
@import './header.scss';
@import './nav.scss';
@import './login.scss';/*登录*/
@import './systemuser.scss'; /* 用户管理*/

最后在app.vue文件中引入common.scss文件,这时候问题出现了

  1. 通过import方式引入css出现失效问题

    <style lang="sass" >
      @import url(./assets/css/common.scss);
    </style>
    
  2. 解决方案:

    <style lang="sass"  src="./assets/css/common.scss"></style>
    
Logo

前往低代码交流专区

更多推荐