From 67d9fbac9a1196a61771866efce56336c522b9ed Mon Sep 17 00:00:00 2001 From: daxiongYang Date: Sun, 27 May 2018 11:09:37 +0800 Subject: [PATCH] =?UTF-8?q?linux=E7=B3=BB=E7=BB=9F=EF=BC=8C=E5=BC=95?= =?UTF-8?q?=E5=85=A5=E4=B8=BB=E9=A2=98=E8=89=B2=E6=96=87=E4=BB=B6=E5=90=8D?= =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E5=86=99=E7=BC=96=E8=AF=91=E9=94=99=E8=AF=AF?= =?UTF-8?q?bug=20#22?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/_variables.scss | 2 +- src/element-ui-theme/index.js | 21 +++++++++++---------- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss index eb830f5f..0900374c 100644 --- a/src/assets/scss/_variables.scss +++ b/src/assets/scss/_variables.scss @@ -1,5 +1,5 @@ // 站点主色 -// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-[#17b3a3]/index.css']当前主题色一致 +// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[active]属性值一致 $--color-primary: #17b3a3; // Navbar diff --git a/src/element-ui-theme/index.js b/src/element-ui-theme/index.js index f28237b1..0f00feb7 100644 --- a/src/element-ui-theme/index.js +++ b/src/element-ui-theme/index.js @@ -3,22 +3,23 @@ * * tips: * 1. 此处只包含element-ui组件主题 - * 2. 要达到整站主题修改效果, 请确保[import './element-[#17b3a3]/index.css']当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致 + * 2. 要达到整站主题修改效果, 请确保[active]当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致 */ -import './element-#17b3a3/index.css' // 当前主题色 -export default { +const theme = { + active: '#17b3a3', // 当前主题色 list: [ - '#3e8ef7', // 蓝色 - '#997b71', // 棕色 '#0bb2d4', // 青色 + '#3e8ef7', // 蓝色 '#11c26d', // 绿色 - '#757575', // 灰色 + '#17b3a3', // 蓝绿色 '#667afa', // 靛青色 + '#997b71', // 棕色 + '#9463f7', // 紫色 + '#757575', // 灰色 '#eb6709', // 橙色 '#f74584', // 粉红色 - '#9463f7', // 紫色 - '#ff4c52', // 红色 - '#17b3a3', // 蓝绿色 - '#fcb900' // 黄色 + '#fcb900', // 黄色 + '#ff4c52' // 红色 ] } +require(`./element-${theme.active.toUpperCase()}/index.css`)