自定义elementUI皮肤、色系、主题、主色调

简介: 自定义elementUI皮肤、色系、主题、主色调

image.png

先打开上面的地址

点击下载

复制“theme”文件夹到src/css/下面

在main.js里面加入

...
 //【第三方插件】----------------------------------------------------------------
 //引入饿了么UI框架【安装方法】cnpm i element-ui -S
 import ElementUI from 'element-ui';
 //  import 'element-ui/lib/theme-chalk/index.css';
 import '../css/theme/index.css';//这句话是重点
 Vue.use(ElementUI);
...

然后运行查看就发现按钮、复选框都变成了新的主题主色调了

你学废了吗?

相关文章
|
4月前
|
JavaScript 前端开发 Shell
实现在vue中自定义主题色彩切换
实现在vue中自定义主题色彩切换
65 0
|
5月前
|
JavaScript 定位技术
vue 百度地图开发【教程】3. 自定义百度地图主题
vue 百度地图开发【教程】3. 自定义百度地图主题
180 0
|
5月前
|
前端开发 JavaScript
vue 一键换肤(切换主题样式)
vue 一键换肤(切换主题样式)
326 0
|
JavaScript
ElementUI: 自定义主题
ElementUI: 自定义主题
139 0
|
7月前
|
JavaScript
Vuetify 设置主题
Vuetify 设置主题
116 0
|
前端开发 CDN
ant-design实现主题暗黑主题 和 亮色主题的 切换(实现网站黑白皮肤)
最近在使用vite+react + ant-design 来搭建个人站点,看到网上好多网站都实现了黑白皮肤的切换,并且ant-design帮我们实现了三套主题色,一个默认亮白色,暗黑主题和紧凑主题。于是我也想来弄一弄。最后还是实现了,打包后也是ok的。
|
缓存 容器
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
|
Web App开发 JavaScript 前端开发
自制jQuery标签插件
在项目中需要一个添加标签的小插件,查看了一些已有插件后,发现很现成的高级插件,也有比较简单的插件。最后还是决定自己来写,这样能控制代码,以后与其他插件结合使用的时候能更好的把控。初步在IE6 7 8,firefox,chrome中做了测试,可以通过。
自制jQuery标签插件
|
JavaScript 前端开发
VUE3(二十九)自定义点击图片显示大图bigImg组件
上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。 我现在就可以自定义大图组件了。 为ueditor编辑的html添加onclick这个步骤,我是在后端做的,后端返回到前端的值,就是已经拼装好的html。
396 0
VUE3(二十九)自定义点击图片显示大图bigImg组件
|
前端开发
【BootStrap】图片样式、辅助类样式和CSS组件 -附源码(1)
【BootStrap】图片样式、辅助类样式和CSS组件 -附源码
217 0
【BootStrap】图片样式、辅助类样式和CSS组件 -附源码(1)

热门文章

最新文章