element-ui尚卫,是一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)尸红,它的默認(rèn)主題是藍(lán)色吱涉,但是你使用時(shí)主題需要是紅色系刹泄,綠色系該怎么辦呢?
別急怎爵,只要安裝以下操作特石,即可快速切換成小主你所需要的主題色
1、按順序下載主題依賴
cnpm i element-ui -S
cnpm i sass-loader node-sass -D
cnpm i element-theme -g
cnpm i element-theme-chalk -D
2鳖链、創(chuàng)建主題sass文件姆蘸,在根目錄下創(chuàng)建element-variables.scss
et -i 文件名稱 [可以自定義變量文件,默認(rèn)為element-variables.scss]
創(chuàng)建element-variables.scss
3芙委、修改
生成element-variables.scss
修改element-variables.scss
4逞敷、生成新的主題樣式包
et
主題編譯成功
5、修改main.js灌侣,引入新包
修改main.js
6推捐、npm run dev 重新運(yùn)行查看即可
動(dòng)動(dòng)手呀??,動(dòng)動(dòng)腳侧啼,一起來(lái)學(xué)習(xí)牛柒, 你才不會(huì)老??