引入less统一管理页面字体颜色

使用less语法控制

官方文档 https://less.bootcss.com/#%E5%B5%8C%E5%A5%97nesting

• 引入less解析器

npm i less@4.1.2
npm i less-loader@6.0.0

在颜色模块中使用

src\components\CommonAside.vue

<style lang="less" scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
.el-menu {
  height: 100vh;
  h3 {
    color: #fff;
  }
}
</style>

src\App.vue

</script>
<!-- 修改标签的默认样式 -->
<style lang="less">
  html,body,h3 {
    margin: 0;
    padding: 0;
  }
</style>