vue 之scss的使用

目录

vue 之scss的使用

mixin提取公共样式

  • 注意点:就是当前文件的样式,需要在当前文件中定义这个 mixin函数
//修改表格的样式
@mixin table-width($width) {
  ::v-deep .table_header {
    & > div:nth-child(1) {
      width: $width;
    }
  }
  ::v-deep .table_body_item {
    & > div:nth-child(1) {
      width: $width;
    }
  }
}

// 表格 
@include table-width(75px);
上一篇:vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度


下一篇:vue 使用 lang="scss" 报错