在平台上,前端和后台微服务一样,分成了很多独立运行的程序。也就是有很多工程。平台上所有系统应该有一致界面样式。目前解决问题的办法如下:
统一定义样式参数文件@/styles/qlm-uivariables.scss,大概内容如下:
$defaultTxtSize: 16px; // 默认字体大小
$defaultBigTxtSize: 16px; // 默认大号
$defaultBg:#fff; // 整体背景
再定义统一样式文件@/styles/qlmStyle.scss,大概内容如下:
.el-tag{
font-size: $defaultTxtSize !important;
}
.el-table__cell{
font-size: $defaultTxtSize !important;
}
也就是调整所有公共控件样式
各项目自己的配置,需要引用,要这样写:
<style lang="scss" scoped>
@import "./src/styles/qlm-uivariables.scss";
要使用其中统一定义的参数。
平台上所有项目都引用同一个qlm-uivariables.scss,这样可以统一调整一次参数。