网站自定义主题色
基于vue2以及Element场景,不需要提前预设主题色,把五彩斑斓的黑由用户自己定义。
最终效果
vue后台管理star11.3k的项目 https://github.com/chuzhixin/vue-admin-better,
第一步:引入包yarn add custom-themes
第二步:直接调用实现任意主题的切换。
因此只需要把 ColorPicker 颜色选择器🎨给到用户就好。
import { changePrimaryTheme } from 'custom-themes'
/** 调用
* '#E81414': 第一个参数为选中的主题色
* '#41b584': 第二个参数为当前的主题色,一般为sass变量定义
*/
changePrimaryTheme('#E81414', '#41b584')
其他场景也可以用此思路做尝试~