Element主題顏色和我項目設計默認的顏色不一致，我自定義了一下主題。
一. 創建文件，修改主色調
Element 的 theme-chalk 使用 SCSS 編寫，如果你的項目也使用了 SCSS，那麼可以直接在項目中改變 Element 的樣式變量。
我這裏是在src目錄下的themes/element目錄下創建了一個樣式文件element-variables.scss，並寫入以下內容：
/* 改變主題色變量 */
$--color-primary: $color-main;
/* 改變 icon 字體路徑變量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
之後，在項目的入口文件main.js中，直接引入以上樣式文件即可（無需引入 Element 編譯好的 CSS 文件）：
import Vue from 'vue'
import ElementUIfrom 'element-ui'
import './themes/element/element-variables.scss'
Vue.use(ElementUI)
需要注意的是，覆蓋字體路徑變量是必需的，將其賦值爲 Element 中 icon 圖標所在的相對路徑即可。
二、運行查看
npm run serve
通過上圖，我們可以看到自定義注意已經起作用了。
三、項目體驗鏈接
週報管理系統體驗鏈接： https://www.17sucai.com/pins/35488.html
本人前端程序員，長期混跡於各種前端開發中，現在專門爲前端熱愛者建了個微信羣，和大家一起分享自己在工作、學習中遇到的技術知識或問題，還有各種資料和課程，各位感興趣的可以加入哦~
