如何自定义ElementUi主题（以人人快速开发平台renren-fast-vue为例)

最新推荐文章于 2024-04-16 17:37:26 发布

大白兔Exception

最新推荐文章于 2024-04-16 17:37:26 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_46160373/article/details/123454607

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

如何自定义ElementUi主题（以人人快速开发平台renren-fast-vue为例)

1、找一个好看的颜色

https://www.php.cn/xiazai/tool/17

如图：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XqfgRwjn-1647135650481)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313092135450.png)]$

2、去ElementUI官方的主题生成Demo

https://elementui.github.io/theme-preview/#/zh-CN

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rR6UfmLX-1647135650482)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313092308122.png)]$

如图：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pclC1isB-1647135650482)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313092330914.png)]$

去下载好主题即可

3、来个小操作

把下载好的主题

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-38NreSOE-1647135650483)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313093855471.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-36YheXXm-1647135650483)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313093910350.png)]$

修改如上图

修改后重启项目

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Nmg5bGqq-1647135650483)(C:\Users\chenj\AppData\Roaming\Typora\typora-user-images\image-20220313094006201.png)]$

大白兔Exception

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何自定义ElementUi主题（以人人快速开发平台renren-fast-vue为例)

如何自定义ElementUi主题（以人人快速开发平台renren-fast-vue为例)1、找一个好看的颜色https://www.php.cn/xiazai/tool/17如图：2、去ElementUI官方的主题生成Demohttps://elementui.github.io/theme-preview/#/zh-CN如图：去下载好主题即可3、来个小操作把下载好的主题修改如上图修改后重启项目...
复制链接

扫一扫