element-ui更改主題顏色
現在介紹的需要使用scss
1. 安裝需要的package
//下載sass包 npm i node-sass sass-loader -D // 安裝主體工具,注意沒全局裝 npm i element-theme -D //安裝主題 npm i element-theme-chalk
2. 生成自定義的scss
然后運行,
因為我沒有全局安裝,所以要換個命令 ./node_modules/element-theme/bin/element-theme -i
//執行初始化命令,生成element-variables.scss
./node_modules/element-theme/bin/element-theme -i
3. 修改css變量
然后修改element-variables.scss里的變量,比如表格邊框顏色
4. 重新編譯
修改完成后,執行命令,編譯主題,編譯完成后,會在本地生成theme文件夾
./node_modules/element-theme/bin/element-theme
5. 在main.js中引入 編譯過的index.css
然后引入自定義主題