Browse Source

linux系统,引入主题色文件名大小写编译错误bug #22

daxiongYang 6 years ago
parent
commit
67d9fbac9a
2 changed files with 12 additions and 11 deletions
  1. 1 1
      src/assets/scss/_variables.scss
  2. 11 10
      src/element-ui-theme/index.js

+ 1 - 1
src/assets/scss/_variables.scss

@ -1,5 +1,5 @@
1 1
// 站点主色
2
// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-[#17b3a3]/index.css']当前主题色一致
2
// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[active]属性值一致
3 3
$--color-primary: #17b3a3;
4 4
5 5
// Navbar

+ 11 - 10
src/element-ui-theme/index.js

@ -3,22 +3,23 @@
3 3
 *
4 4
 * tips:
5 5
 *  1. 此处只包含element-ui组件主题
6
 *  2. 要达到整站主题修改效果, 请确保[import './element-[#17b3a3]/index.css']当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致
6
 *  2. 要达到整站主题修改效果, 请确保[active]当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致
7 7
 */
8
import './element-#17b3a3/index.css' // 当前主题色
9
export default {
8
const theme = {
9
  active: '#17b3a3', // 当前主题色
10 10
  list: [
11
    '#3e8ef7', // 蓝色
12
    '#997b71', // 棕色
13 11
    '#0bb2d4', // 青色
12
    '#3e8ef7', // 
14 13
    '#11c26d', // 绿色
15
    '#757575', // 灰
14
    '#17b3a3', // 蓝绿
16 15
    '#667afa', // 靛青色
16
    '#997b71', // 棕色
17
    '#9463f7', // 紫色
18
    '#757575', // 灰色
17 19
    '#eb6709', // 橙色
18 20
    '#f74584', // 粉红色
19
    '#9463f7', // 
20
    '#ff4c52', // 红色
21
    '#17b3a3', // 蓝绿色
22
    '#fcb900'  // 黄色
21
    '#fcb900', // 
22
    '#ff4c52'  // 红色
23 23
  ]
24 24
}
25
require(`./element-${theme.active.toUpperCase()}/index.css`)