美文网首页
vue学习笔记--Element主题

vue学习笔记--Element主题

作者: 持续5年输出bug | 来源:发表于2018-09-04 00:22 被阅读0次

定制主题的办法有三种:
1.仅替换主题色,使用在线主题生成工具,可以直接下载完整的样式包,然后引入自定义主题
2.直接修改. scss,前提是使用.scss编译
a.新建.scss文件,
/* 改变主题色变量 */
--color-primary: teal; /* 改变 icon 字体路径变量,必需 */--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.搭配插件按需引入组件主题

相关文章

网友评论

      本文标题:vue学习笔记--Element主题

      本文链接:https://www.haomeiwen.com/subject/skbdiftx.html