学习是一个逐步发现自己无知的过程!

引入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>
赞(0)
未经允许不得转载:劉大帥 » 引入less统一管理页面字体颜色
分享到: 更多 (0)

来都来了,不说点什么可不好喔! 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址