定制主题的办法有三种:
1.仅替换主题色,使用在线主题生成工具,可以直接下载完整的样式包,然后引入自定义主题
2.直接修改. scss,前提是使用.scss编译
a.新建.scss文件,
/* 改变主题色变量 */
--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
b.在入口文件中直接引入.scss文件,而切无需引入 Element 编译好的 CSS 文件
3.命令行主题生成工具
a.下载插件,分为全局安装和项目中安装。
npm i element-theme -g
b.初始化变量文件
c. 修改变量
d.编译主题
e.引入自定义主题
f.搭配插件按需引入组件主题
网友评论