1.在style下把一些公共的样式设置在global.scss中 2.在page中通过@import引入 ~~~ @import "@/assets/style/global.scss"; ~~~ 优化颜色的代码 ~~~ /* 将所有的颜色放在$colors中统一管理 */ $colors: (bg: #00bcd4, text-color: #333, primary: #ff2d51); @function color($key) { @if map-has-key($colors, $key) { @return map-get($colors, $key); } @warn "Unknown `#{$key}` in $colors."; @return null; } //如果div想使用背景色 div{ background:color(bg); } ~~~