在现在开发的项目中, ECharts 已成为不可或缺的可视化工具，通常我们会将 ECharts 封装为组件以便重复使用，但随着项目规模扩大，图表的使用频率增加，代码重复和维护成本也随之上升，甚至影响开

在这篇文章中，我会带你快速了解如何使用 Vue3 + Element Plus实现一键换肤和暗黑模式切换，让你的项目瞬间变得更加个性化和用户友好。而且，这些主题设置都会被本地存储，刷新页面也不会丢失！

前言 本系列只讲项目实战，前期搭建请自行参考官方文档 实现一键换肤 基于 css-vars-ponyfill 实现一键换肤功能 先看效果 一、安装依赖 二、项目中使用 在 src/ 创建 theme

背景 因为最近对UI规范做了改动，所以需要产出一份和UI规范相适配的脚手架，方便各个项目直接接入，脚手架的话并没有从头开始搞，而是在原来的基础上进行改造，把样式进行修改。效果是这样的： 如果说这个样式

字典组件作为常用组件，好好封装一下很有必要。 1. 按需加载数据，只请求需要的字典数据 2. 无需频繁更新的数据，保存在缓存中 3. 需要实时更新，但又要减少请求

基于vue3+element-plus实现换肤需求，1. 支持自定义`Header`,`Menu`样式 2. 支持暗夜模式 3. 支持持久化记录用户选项

Vite + Vue3 + ElementPlus：本章节主要实现页面布局，以及白天黑夜模式切换以及换肤。

概要 讲解在vue3的项目中封装一个简单好用的图标选择组件。 效果 第一步，准备图标数据 数据太多，大家去项目中看。项目地址https://gitee.com/nideweixiaonuannuand

组件实现 2.全局注册组件 3.组件使用 4.效果展示 vue3+element plus封装图标选中器，支持清除、过滤