Ant-design-vue定制主题色，带你快速通过字节跳动面试

以下是一些最常用的通用变量，所有样式变量可以在 这里 找到。

@primary-color: #1890ff; // 全局主色

@link-color: #1890ff; // 链接色

@success-color: #52c41a; // 成功色

@warning-color: #faad14; // 警告色

@error-color: #f5222d; // 错误色

@font-size-base: 14px; // 主字号

@heading-color: rgba(0, 0, 0, 0.85); // 标题色

@text-color: rgba(0, 0, 0, 0.65); // 主文本色

@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色

@disabled-color: rgba(0, 0, 0, 0.25); // 失效色

@border-radius-base: 4px; // 组件/浮层圆角

@border-color-base: #d9d9d9; // 边框色

@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影

解决方案

---

在build文件夹下找到util.js，在util.js文件中找到function generateLoaders，修改return部分

// https://vue-loader.vuejs.org/en/configurations/extract-css.html

return {

css: generateLoaders(),

postcss: generateLoade