# 主题

本项目有两套主题代码,样例如下:

Default version demo (opens new window) BgImg version demo (opens new window)
Default version demo BgImg version demo

项目是基于 element-ui 的视觉风格进行调整搭建的。如果对视觉风格有额外的要求可以按照官方自定义主题指导 (opens new window)。该方案是通过样式变量覆盖的方式 @/assets/css/element-variables.scss (opens new window) 中进行设置。

你可以比较两个样例的代码,也只是多了个样式重置而已。

/Default version                              /BgImg version

├── css                                       ├── css
│   ├── element-variables.scss                │   ├── element-variables.scss 
│   ├── global.scss                           │   ├── global.scss  
│   ├── mixin.scss                            │   ├── mixin.scss 
│   ├── sidebar-menu.scss                     │   ├── sidebar-menu.scss  
│   └── variables.scss                        │   ├── variables.scss   
                                              │   ├── bg-img
                                              │   │   ├── index.scss
                                              │   │   └── variables.scss
1
2
3
4
5
6
7
8
9
10
11