vue移动端项目切换颜色主题

场景: 根据路由上特定的参数设置对应的主题颜色

思路: 结合tailwindcss配置主题颜色的变量名, 所有项目中需要用到的颜色都是用已配置好的class类

步骤:

1.自定义主题颜色的类名, 并设置对应的变量名

ps: @layer base { }  可以理解为把这两个类名定义在了tailwindcss库中的公共区域内, 其权限最低

2. 配置到tailwindcss.config.js中

 3. 注册到根组件中去